移动端应用界面设计 是做什么的?
设计高质量的移动应用UI/UX界面、流程及组件。当用户要求设计移动应用界面、创建应用原型、构建移动UI组件、改进现有移动应用设计、设计引导流程、制定移动导航或请求任何移动优先界面工作时,请使用此技能。也当用户提及应用设计、移动UI、移动UX、界面设计、应用原型、线框图,或希望构建React Native/Flutter/SwiftUI风格的界面原型时触发。即使用户只是简单地说“设计一个应用”或“让这个界面看起来更好看”,也应使用此技能。
设计高质量的移动应用UI/UX界面、流程及组件。当用户要求设计移动应用界面、创建应用原型、构建移动UI组件、改进现有移动应用设计、设计引导流程、制定移动导航或请求任何移动优先界面工作时,请使用此技能。
此技能专为AI Agent设计,旨在辅助开发者创建高质量的移动应用UI/UX设计,包括屏幕界面、用户流程及组件。它适用于多种场景:从创建应用原型、构建React Native/Flutter/SwiftUI风格的界面原型,到设计交互流程如登录页、仪表盘和产品详情页。该技能强调移动优先原则,提供文件整理、版本管理和组件构建(如Header、Card、Button)等设计系统功能。支持平台不限,主要面向Claude Code、Cursor、Codex等AI辅助工具。其核心价值在于确保AI回复时始终包含移动UI设计的最佳实践,并严格遵循用户的具体要求,例如使用特定样式语言(Tailwind CSS、Styled Components)或文件输出规范。此外,技能还能有效处理模糊请求(如“设计一个应用”),将其转化为可执行的、结构化的设计输出。
npx skills add https://github.com/ceorkm/mobile-app-ui-design/tree/main/skills/mobile-app-ui-designInstalled? Explore more 图像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
设计高质量的移动应用UI/UX界面、流程及组件。当用户要求设计移动应用界面、创建应用原型、构建移动UI组件、改进现有移动应用设计、设计引导流程、制定移动导航或请求任何移动优先界面工作时,请使用此技能。也当用户提及应用设计、移动UI、移动UX、界面设计、应用原型、线框图,或希望构建React Native/Flutter/SwiftUI风格的界面原型时触发。即使用户只是简单地说“设计一个应用”或“让这个界面看起来更好看”,也应使用此技能。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.