design-expert-skill
Unified UI/UX design, typography calculation, and live-site review
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install design-expert-skill?▼
Run `npx skills add Opikat/design-expert-skill --all -g -y` in your terminal to install the skill globally. It requires only Python 3 on your PATH, with no extra packages to install.
What does the design-expert skill do?▼
It handles any UI/UX task: building interfaces, generating design systems, calculating precise typography from real font metrics, auditing accessibility, and reviewing live websites with source-code fixes.
How does it avoid generic-looking designs?▼
It derives visual direction from your product's real-world context, forces three genuinely different design directions before committing, and bans common default layouts, fonts, and color clichés.
Can I apply my own brand guidelines?▼
Yes. You create a small profile file with your brand's palette, fonts, and style rules, which loads on top of the base skill without changing its core design process or accessibility standards.
Which frameworks does it support for fixes?▼
It includes source-level fix patterns for pure CSS, SCSS, Tailwind, CSS Modules, styled-components, Vue scoped styles, and Next.js App Router, plus stack guides for React, Angular, Flutter, and Svelte.
Related Repositories in Design & Creative
View All in Design & Creative→ui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video