impeccable
Impeccable handles frontend design work across websites, dashboards, apps, and component systems. It covers visual hierarchy, accessibility, responsive behavior, theming, typography, layout, motion, and design systems—moving from initial critique through live iteration to polished, production-ready code.
Impeccable designs and iterates production-grade frontend interfaces with committed visual choices and exceptional craft.
AI-generated summary based on this skill's SKILL.md
Install
theexperiencecompany/gaia-ui/impeccable · repository language: TypeScript
git clone https://github.com/theexperiencecompany/gaia-ui
cp -r gaia-ui/.agents/skills/impeccable ~/.claude/skills/impeccableFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does Impeccable do for frontend design and iteration?
Impeccable handles frontend design work across websites, dashboards, apps, and component systems. It covers visual hierarchy, accessibility, responsive behavior, theming, typography, layout, motion, and design systems—moving from initial critique through live iteration to polished, production-ready code.
Can Impeccable help me improve UI and UX of my website?
Yes. Impeccable audits, critiques, and polishes existing UI for accessibility, performance, and visual quality. It enhances interfaces with color strategy, typography refinement, animation, and micro-interactions, then iterates toward production-grade results with strategic visual and UX improvements.
How does Impeccable handle responsive design issues?
Impeccable adapts interfaces for responsive behavior, edge cases, and internationalization. It addresses layout breakpoints, flexible spacing, and cross-device consistency to ensure your design works seamlessly across all screen sizes and contexts.
Can Impeccable create a design system and tokens?
Yes. Impeccable builds reusable design systems, tokens, and component libraries. This foundation enables consistent, scalable design across your entire product while reducing maintenance overhead and ensuring coherent visual language.
What's Impeccable's approach to animation and micro-interactions?
Impeccable enhances UI with purposeful color, typography, animation, and micro-interactions. It creates delightful, intentional motion that guides users and reinforces feedback—balancing visual delight with performance and accessibility standards.
Does Impeccable audit accessibility and performance?
Yes. Impeccable audits, critiques, and polishes existing UI for accessibility, performance, and visual quality. It identifies barriers, optimizes frontend performance, and ensures your interface meets production-ready standards for all users.
SKILL.md
rendered from the published skill — quoted content, verbatim
Designs and iterates production-grade frontend interfaces. Real working code, committed design choices, exceptional craft.
Setup (non-optional)
Before any design work or file edits, pass these gates. Skipping them produces generic output that ignores the
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 15 files
.agents/skills/impeccable/SKILL.md
.agents/skills/impeccable/agents/openai.yaml
.agents/skills/impeccable/reference/adapt.md
.agents/skills/impeccable/reference/animate.md
.agents/skills/impeccable/reference/audit.md
.agents/skills/impeccable/reference/bolder.md
.agents/skills/impeccable/reference/brand.md
.agents/skills/impeccable/reference/clarify.md
.agents/skills/impeccable/reference/cognitive-load.md
.agents/skills/impeccable/reference/color-and-contrast.md
.agents/skills/impeccable/reference/colorize.md
.agents/skills/impeccable/reference/craft.md
.agents/skills/impeccable/reference/critique.md
.agents/skills/impeccable/reference/delight.md
.agents/skills/impeccable/reference/distill.md