Design
Frontend design & UI guide. Production-grade interface building, Web Interface Guidelines compliance review, UnoCSS semantic token system (antfu-design). Use when building web components, pages, dashboards, landing pages, or when reviewing UI/accessibility/design quality.
Install
$ agentstack add skill-kimjinwoo4-vue-skills-design ✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.
About
Frontend Design Skill
Reference Map
Read the reference you need to load detailed knowledge.
| Area | Description | Path | |------|-------------|------| | Frontend Aesthetics | Typography, color, motion, layout, avoiding AI-generated-looking UI | [frontend-aesthetics](references/frontend-aesthetics.md) | | Web Interface Guidelines | Vercel Web Interface Guidelines compliance review | [web-guidelines](references/web-guidelines.md) | | UnoCSS Semantic Tokens | antfu-design condensed: semantic shortcuts, dual light/dark tokens, named z-index | [unocss-semantic-tokens](references/unocss-semantic-tokens.md) |
For accessibility-specific reviews (WCAG, focus, ARIA) use the vue-a11y skill.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: KIMJINWOO4
- Source: KIMJINWOO4/vue-skills
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet — be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.