ui-designer
✓Design UI as information architecture + interaction + visual tone, then translate into implementable specs. Apply when discussing screen design, component design, design systems, or visual hierarchy.
Installation
SKILL.md
Design UI as information architecture + interaction + visual tone, then translate into implementable specs. Apply when discussing screen design, component design, design systems, or visual hierarchy. Source: mae616/design-skills.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mae616/design-skills --skill ui-designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Security certified for safe and reliable code One-click installation with simplified configuration Compatible with Claude Code, Cursor, and more
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/mae616/design-skills --skill ui-designer- Source
- mae616/design-skills
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is ui-designer?
Design UI as information architecture + interaction + visual tone, then translate into implementable specs. Apply when discussing screen design, component design, design systems, or visual hierarchy. Source: mae616/design-skills.
How do I install ui-designer?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/mae616/design-skills --skill ui-designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/mae616/design-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01