Generate token-based UI component guidelines with WCAG 2.2 AA accessibility rules.
npx skills add https://github.com/bergside/awesome-design-skills --skill flat-bergside
Please help me install this Agent Skill. Skill: flat Source: https://github.com/bergside/awesome-design-skills/tree/main/skills/flat Command: npx skills add https://github.com/bergside/awesome-design-skills --skill flat-bergside
Flat standardizes how your UI looks and behaves by enforcing a two-dimensional, high-clarity design language with explicit tokens and interaction rules.
Use the flat skill to generate UI component guidelines and token-based implementation rules for a new product screen with buttons, inputs, cards, and navigation that must be accessible and visually consistent.
High-intent search queries and answers about installing and using this skill.
To create an accessible flat UI design system, you define explicit color tokens, a structured typography scale, and spacing rhythm. This enforces WCAG 2.2 AA alignment, keyboard-first interactions, and visible focus states for consistent components.
The best way to standardize UI component states is by applying a two-dimensional design language with explicit tokens for colors, spacing, and rounding. Using do/don't patterns reduces regressions and keeps teams aligned on visual consistency.
Yes, flat UI design supports WCAG 2.2 AA keyboard-first interactions by requiring visible focus states and accessible interaction behavior. This ensures UI components remain fully navigable and usable for all real users.
Yes, you can use this flat design system approach for responsive web interfaces. It applies design-system authoring rules to component variants, states, and layout behavior, ensuring modern web interfaces remain visually consistent across screen sizes.
Flat UI design suffers from low-contrast text and inconsistent spacing when explicit token usage is ignored. Establishing a clear color token set with a white surface and near-black text, alongside do/don't constraints, prevents these visual regressions.
telum-aiCreate a Speck project structure with a skeleton project.md file.
superpollo02Generate skeumorphic design-system UI guidelines with WCAG 2.2 AA compliance.
bergsideApply vintage typography and high-contrast palette rules to UI components.
klarbauReview web interfaces for visual hierarchy, spacing, color, and depth improvements.
