design-expert
by nguyenthienthanh
Aura Frog — AI-powered structured development plugin for Claude Code Turn Claude Code into a full-fledged dev platform: Aura Frog brings 24 specialized agents, a 9-phase TDD workflow, built-in quality gates and 70+ commands so your team doesn’t need to manually draft prompts — just call the right command and follow guided instructions.
Run in ManusSKILL.md
name: design-expert description: "UI/UX design expertise - component design, design systems, responsive design, Figma analysis" autoInvoke: false priority: medium triggers:
- "design component"
- "UI breakdown"
- "design system"
- "responsive layout"
Skill: Design Expert
Category: Reference Skill Used By: ui-designer agent
Sub-Skills
| File | Purpose |
|---|---|
component-design.md | Atomic design, component anatomy, specs |
design-system.md | Design tokens, theming, consistency |
responsive-design.md | Mobile-first, breakpoints, layouts |
figma-analysis.md | Figma file analysis techniques |
When to Use
- Phase 3 (UI Breakdown) - Component design decisions
- UI/UX design tasks
- Design system setup
- Responsive layout planning
Quick Reference
Atomic Design:
Atoms → Molecules → Organisms → Templates → Pages
Design Tokens:
- Colors, spacing, typography, shadows, borders
Responsive Breakpoints:
- Mobile: < 768px
- Tablet: 768px - 1024px
- Desktop: > 1024px
Related Skills
For implementation with specific design system libraries, use:
Design System Library: skills/design-system-library/
| System | File |
|---|---|
| Material UI | material-ui.md |
| Ant Design | ant-design.md |
| Tailwind CSS | tailwind-css.md |
| shadcn/ui | shadcn-ui.md |
| Chakra UI | chakra-ui.md |
| NativeWind | nativewind.md |
| Bootstrap | bootstrap.md |
| Mantine | mantine.md |
| Radix UI | radix-ui.md |
| Headless UI | headless-ui.md |
Load sub-skills as needed for detailed guidance.
Score
Total Score
Based on repository quality metrics
SKILL.mdファイルが含まれている
ライセンスが設定されている
100文字以上の説明がある
GitHub Stars 100以上
1ヶ月以内に更新
10回以上フォークされている
オープンIssueが50未満
プログラミング言語が設定されている
1つ以上のタグが設定されている
Reviews
Reviews coming soon
