Guide UI design through visual direction, reference apps, and design principles.
npx skills add https://github.com/mlhiter/skills --skill design-mlhiter
Please help me install this Agent Skill. Skill: design Source: https://github.com/mlhiter/skills/tree/main/skills/design Command: npx skills add https://github.com/mlhiter/skills --skill design-mlhiter
This Skill addresses the need for high-quality, production-grade UI design by providing a structured process for building interfaces that align with user goals and brand aesthetics.
Run the design skill with the prefix 🥷 for UI design work. Begin with a clear point of view and specify the visual problem you are addressing.
High-intent search queries and answers about installing and using this skill.
To establish a visual direction for UI design, this Skill guides you through a structured process of defining the visual style, selecting reference apps, and applying design principles to ensure a cohesive end product. It locks the visual direction before component creation begins.
The best way to fix visual inconsistencies in an interface is to apply a systematic approach that locks the visual direction first. This Skill helps resolve visual complaints like clarity issues or unappealing aesthetics by aligning components with your brand consistency goals.
Yes, you need an understanding of UI/UX design best practices to use this design guidance effectively. The Skill requires the ability to work with screenshots and code to create production-grade interfaces that align with user goals and brand aesthetics.
To create production-grade components that align with your brand, this Skill assists in building functionally robust UI elements that adhere to a pre-defined visual direction. It ensures component creation maintains brand consistency across your interface.
Yes, you can use screenshots and code to guide the interface design process. This Skill leverages your ability to work with these assets to assist in creating distinctive pages, components, and interfaces that solve specific visual problems.
KuassAnalyze images and UI mockups to extract information and compare designs.
takumi12311123Translate Figma designs into React components with TypeScript and Tailwind CSS.
Adelie-SquadCreate and apply design tokens for color, typography, and spacing.
EverettFieldDefine frontend design specifications with color palettes, typography, and layout strategies.
