고품질 모바일 앱 UI/UX 화면, 흐름 및 컴포넌트를 디자인합니다. 사용자가 모바일 앱 화면 디자인, 앱 목업 생성, 모바일 UI 컴포넌트 제작, 기존 모바일 앱 디자인 개선, 온보딩 흐름 생성, 모바일 네비게이션 디자인 또는 모바일 우선 인터페이스 작업을 요청할 때 사용하세요.
이 스킬은 사용자 요청에 따라 고품질의 모바일 앱 UI/UX를 디자인하는 데 특화되어 있습니다. 특히 앱 화면, 목업, UI 컴포넌트, 온보딩 흐름, 모바일 네비게이션 등 모바일 우선 인터페이스 작업에 적합하며, React Native, Flutter, SwiftUI 스타일의 시각적 프로토타입을 생성할 때도 유용합니다. 다양한 CI/CD 플랫폼(Claude Code, Cursor, Codex 등)에서 원활하게 작동하도록 설계되어 있으며, '앱 디자인', '모바일 UI', '화면 디자인'과 같은 자연어 프롬프트를 인식하여 자동으로 활성화됩니다. 이 스킬을 사용하면 기존 디자인 개선, 새로운 화면 제작, 사용자 흐름 최적화 등을 빠르게 수행할 수 있어 모바일 앱 개발 및 디자인 과정을 크게 가속화합니다.
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.