🎯

ui-designer

🎯Skill

from mae616/design-skills

What it does

Designs comprehensive UI specifications by systematically defining information architecture, interaction flows, components, and visual guidelines.

📦

Same repository

mae616/design-skills(5 items)

ui-designer

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add mae616/design-skills --skill ui-designer

skills.sh Install⚠ Installs to .agents/skills/

npx skills add mae616/design-skills --skill ui-designer

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/ui-designer/SKILL.md

SKILL.md

68Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository4

🎯

usability-psychologist🎯Skill

A collection of UI/UX design decision skills for Claude Code and AI agents, covering ui-designer, frontend-implementation, creative-coder (animations), accessibility-engineer, and usability-psychologist with automatic activation and English/Japanese language support.

🎯

creative-coder🎯Skill

Translates motion and interaction design into performant, accessible UI experiences with minimal, purposeful animations.

🎯

frontend-implementation🎯Skill

A frontend implementation skill for translating designs and UI requirements into robust, extensible code with focus on maintaining ratios and alignment rather than pixel-perfect copying, supporting Figma/Pencil/Canva outputs.

🎯

accessibility-engineer🎯Skill

An accessibility engineering skill for applying semantic HTML/JSX and WAI-ARIA correctly, especially for forms, interactive components, and UI implementation.