Codify color palettes, typography, UI component rules, and animation guidelines.
npx skills add https://github.com/monam2/traders --skill designer-monam2
Please help me install this Agent Skill. Skill: Designer Source: https://github.com/monam2/traders/tree/main/.agent/skills/agent-design Command: npx skills add https://github.com/monam2/traders --skill designer-monam2
Design teams struggle with inconsistent UI, weak theming, and non-cohesive micro-interactions across products. This skill provides a unified UI philosophy with a defined theme, typography, and animation guidelines to elevate user trust and experience.
Provide a design brief and instruct the Designer to apply color, typography, and motion guidelines to the target product.
High-intent search queries and answers about installing and using this skill.
To create a consistent UI design system, you codify color palettes, typography, spacing, and motion guidelines that apply uniformly across components and screens. This ensures cohesive themes and improves usability for both web and mobile product teams.
The best way to enforce accessibility in a color palette is to align your color system with brand and accessibility goals. Codifying color tokens ensures that UI components meet accessibility considerations across both light and dark modes.
You unify typography and motion rules by establishing a defined UI philosophy that dictates component behavior. Defining these rules globally ensures non-cohesive micro-interactions are eliminated and user trust is elevated across all product screens.
Yes, you can apply a single design system to both light and dark modes. By codifying color palettes and UI component rules, the system ensures consistent tokens automatically adapt across different themes and button states.
To start applying UI design guidelines, provide a design brief and instruct the system to apply color, typography, and motion guidelines to the target product. This quickly integrates principled design rules into your existing components and screens.
TututuzzzzzzGenerate production-grade Flutter UI starter code and design notes from user goals.
rodrigorjsfValidate JSX, CSS, and Tailwind usage against UI design principles.
HuijiroAudit and realign UI components to match design system tokens, spacing, and patterns.
fajjarnrCodify a premium UI/UX system with tokens and audit patterns for design governance.
