Create distinctive frontend interfaces with typography and color guidelines.
npx skills add https://github.com/kuroRy/dotfiles --skill frontend-design-kurory
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/kuroRy/dotfiles/tree/main/config/claude/skills/frontend-design Command: npx skills add https://github.com/kuroRy/dotfiles --skill frontend-design-kurory
Helps designers and developers create distinctive, production-grade frontend interfaces by defining a clear aesthetic direction and actionable guidelines, avoiding generic AI aesthetics.
Provide a design brief detailing the target aesthetic direction and technical constraints to begin generating frontend UI components.
High-intent search queries and answers about installing and using this skill.
To create production-grade React UI without generic aesthetics, establish an explicit aesthetic direction like brutalist or minimal, then apply cohesive typography scales and color tokens to guide component implementation. This approach ensures distinctive visuals across your web components.
The best way to establish a design system for a web dashboard is to define typography scales, color tokens, and a spacing system upfront, then build reusable components following your chosen aesthetic direction. This ensures cohesive visuals and maintainable frontend architecture.
Yes, you can use this approach for both React and Vue components. It provides frontend implementation guidance across HTML/CSS/JS, React, and Vue, ensuring bold aesthetics and cohesive typography regardless of the framework you choose for your UI library.
To start building a frontend interface with a brutalist aesthetic, provide a design brief detailing your target aesthetic direction and technical constraints. This generates explicit typography and color guidelines for your UI components and establishes a component-driven workflow.
Your generated frontend components lack visual distinctiveness because they miss an explicit aesthetic direction. Defining specific typography scales, color tokens, and an aesthetic style like maximalist ensures bold, production-grade UI results instead of generic outputs.
kunmathDefine aesthetic direction and implement production-grade HTML/CSS/JS frontend interfaces.
NeuronioAzulApply typography, color, and spacing principles to create cohesive interface design systems.
mjunaidcaGenerate frontend interfaces with HTML/CSS/JS or React and Vue.
w95Generate custom web components and pages with intentional typography, color, and motion.
