Generate a custom design plan for UI/UX with palette, typography, and layout guidance.
npx skills add https://github.com/udsy19/.claude --skill frontend-design-udsy19
Please help me install this Agent Skill. Skill: frontend-design Source: https://github.com/udsy19/.claude/tree/main/skills/frontend-design Command: npx skills add https://github.com/udsy19/.claude --skill frontend-design-udsy19
This Skill empowers designers to make intentional, distinctive visual design choices for new UIs or redesigns, avoiding default templates and providing an aesthetic direction that reflects the project's unique identity.
Activate the frontend-design skill and provide the subject and design brief to receive a design plan tailored to the project's needs.
High-intent search queries and answers about installing and using this skill.
To establish a distinctive brand identity, this Skill guides you through intentional choices for color palettes, typography, and layout. It requires a thoughtful project brief to generate a custom design plan that avoids templated defaults and reflects your unique visual language.
Defining aesthetic direction for a redesign involves an iterative process of brainstorming, exploration, and critiquing. This Skill applies core design principles to instruct the creation of effective, engaging interfaces tailored to your project's specific subject matter.
Planning UI and UX design choices requires deliberate consideration of the project brief to determine palette, typography, and layout. This Skill facilitates that process by providing a structured design plan that establishes a distinctive visual language for your digital products.
Yes, you need a project brief to generate a custom design plan. The Skill requires thoughtful consideration of the project's subject matter and brief to ensure the resulting UI/UX design decisions and aesthetic direction are uniquely tailored to your needs.
You should avoid templated UI design approaches when your digital product requires a unique brand identity and distinctive visual language. This Skill helps you bypass default templates by guiding intentional aesthetic decisions for color, typography, and layout based on your specific brief.
kazdencExplore codebases and ask user-centric questions to synthesize design context.
johnnyelwailerConvert Figma designs into React components with token-based styling.
oakossDesigns user experiences and interfaces with WCAG 2.2 AA compliance.
redisreadFix visual UI defects and build components with design token consistency.
