📋 Design Expert
UI/UX design expertise - component design, design systems, responsive design, Figma analysis
npx playbooks add skill nguyenthienthanh/aura-frog --skill design-expert
About Design Expert
Design Expert is a free developer workflow skill that configures AI coding agents to ui/ux design expertise - component design, design systems, responsive design, figma analysis.
Its 12-word system prompt specializes your agent in developer workflow with structured methodology and proven output formats. Install with one command to activate immediately.
Use Cases
- Streamlining git workflows and commit conventions
- Setting up CI/CD pipelines and deployment scripts
- Managing monorepos and multi-package projects
- Automating release notes and changelogs
Example Prompts
System Prompt (12 words)
UI/UX design expertise - component design, design systems, responsive design, Figma analysis
Frequently Asked Questions
What is Design Expert?
Design Expert is a free developer workflow skill for AI coding agents. UI/UX design expertise - component design, design systems, responsive design, Figma analysis. It provides a specialized system prompt that configures your agent with developer workflow expertise.
How do I use Design Expert with Claude Code?
Run npx playbooks add skill nguyenthienthanh/aura-frog --skill design-expert in your terminal to install Design Expert into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Design Expert?
Design Expert is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Design Expert free to use?
Yes, Design Expert is completely free and open source. The full source is available on GitHub at https://github.com/nguyenthienthanh/aura-frog/tree/main/aura-frog/skills/design-expert. You only need a subscription to the AI agent you use it with.
