Define typography, color palettes, layout rules, and accessibility baselines for web application UI systems.
npx skills add https://github.com/mblode/agent-skills --skill design-ui
Please help me install this Agent Skill. Skill: design-ui Source: https://github.com/mblode/agent-skills/tree/main/skills/design-ui Command: npx skills add https://github.com/mblode/agent-skills --skill design-ui
This skill helps teams establish a cohesive visual direction and a reusable UI system for web interfaces, ensuring brand consistency and faster product development.
Describe your project context and brand goals to generate an actionable visual direction and UI system.
High-intent search queries and answers about installing and using this skill.
To establish a cohesive visual direction and UI design system, define your project context and brand goals to generate typography, color palettes, spacing rules, and accessibility baselines for your web application.
A UI design system for SaaS dashboards and marketing sites includes defined typography, color palettes, layout rules, component patterns, and accessibility baselines to ensure brand consistency.
Yes, you can use it to define UI direction for a project kickoff or design audit by providing reference guidance for product UI, marketing UI, and accessibility considerations during initialization.
The best way to define typography and color palettes is to describe your project context and brand goals, which generates an actionable visual direction with embedded brand-consistency guidelines.
Setting up a visual system requires no specific dependencies or frameworks, allowing you to define layout rules and visual direction directly within the frontmatter and markdown body.
jimiryquaiAnalyze codebase and branding assets to write design context to .impeccable.md.
lucking7Guides layout, typography, color, and accessibility for frontend interfaces.
gballer77Generate a complete Visual Style Guide defining color, typography, spacing, and tokens for web and mobile interfaces.
fgarofalo56Develop reusable component libraries with design tokens and Storybook documentation.
