# Impeccable

## Docs

- [Anti-Patterns](https://mintlify.wiki/pbakaus/impeccable/concepts/anti-patterns.md): Design patterns to avoid from the frontend-design skill
- [Design Principles](https://mintlify.wiki/pbakaus/impeccable/concepts/design-principles.md): Core design philosophy and principles from the frontend-design skill
- [Skill System](https://mintlify.wiki/pbakaus/impeccable/concepts/skill-system.md): How Impeccable's skill system works, from source to distribution
- [Adding Content](https://mintlify.wiki/pbakaus/impeccable/contributing/adding-content.md): How to add new skills and commands to Impeccable
- [Architecture](https://mintlify.wiki/pbakaus/impeccable/contributing/architecture.md): System architecture and design decisions for Impeccable
- [Build System](https://mintlify.wiki/pbakaus/impeccable/contributing/build-system.md): Understanding the Impeccable build system
- [Contributing Overview](https://mintlify.wiki/pbakaus/impeccable/contributing/overview.md): How to contribute to the Impeccable project
- [Claude Code Guide](https://mintlify.wiki/pbakaus/impeccable/guides/claude-code.md): How Impeccable works with Claude Code's skills system
- [Codex CLI Guide](https://mintlify.wiki/pbakaus/impeccable/guides/codex-cli.md): How Impeccable works with Codex CLI's custom prompts and skills system
- [Cursor Guide](https://mintlify.wiki/pbakaus/impeccable/guides/cursor.md): How Impeccable works with Cursor's Agent Skills system
- [Gemini CLI Guide](https://mintlify.wiki/pbakaus/impeccable/guides/gemini-cli.md): How Impeccable works with Gemini CLI's skills system
- [Installation](https://mintlify.wiki/pbakaus/impeccable/installation.md): Detailed installation instructions for Cursor, Claude Code, Gemini CLI, and Codex CLI. Get Impeccable working in your development environment.
- [Introduction](https://mintlify.wiki/pbakaus/impeccable/introduction.md): The vocabulary you didn't know you needed. 1 skill, 17 commands, and curated anti-patterns for impeccable frontend design.
- [Quick Start](https://mintlify.wiki/pbakaus/impeccable/quickstart.md): Get from zero to first command in under 5 minutes. Install Impeccable and start creating distinctive interfaces.
- [Adapt](https://mintlify.wiki/pbakaus/impeccable/skills/adapt.md): Adapt designs to work across different screen sizes, devices, contexts, or platforms
- [Animate](https://mintlify.wiki/pbakaus/impeccable/skills/animate.md): Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.
- [Audit](https://mintlify.wiki/pbakaus/impeccable/skills/audit.md): Comprehensive interface quality audit across accessibility, performance, theming, and responsive design
- [Bolder](https://mintlify.wiki/pbakaus/impeccable/skills/bolder.md): Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.
- [Clarify](https://mintlify.wiki/pbakaus/impeccable/skills/clarify.md): Improve unclear UX copy, error messages, microcopy, labels, and instructions
- [Colorize](https://mintlify.wiki/pbakaus/impeccable/skills/colorize.md): Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive.
- [Critique](https://mintlify.wiki/pbakaus/impeccable/skills/critique.md): UX-focused design evaluation assessing visual hierarchy, information architecture, emotional resonance, and overall quality
- [Delight](https://mintlify.wiki/pbakaus/impeccable/skills/delight.md): Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful.
- [Distill](https://mintlify.wiki/pbakaus/impeccable/skills/distill.md): Strip designs to their essence by removing unnecessary complexity
- [Extract](https://mintlify.wiki/pbakaus/impeccable/skills/extract.md): Extract and consolidate reusable components, design tokens, and patterns into your design system
- [Color & Contrast](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/color-and-contrast.md): Modern color systems using OKLCH, palette building, and accessible theming
- [Interaction Design](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/interaction-design.md): Interactive states, forms, loading patterns, and keyboard navigation
- [Motion Design](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/motion-design.md): Animation timing, easing curves, and performance-optimized motion
- [Frontend Design Skill](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/overview.md): Create distinctive, production-grade frontend interfaces with high design quality
- [Responsive Design](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/responsive-design.md): Mobile-first design, breakpoints, touch targets, and responsive images
- [Spatial Design](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/spatial-design.md): Spacing systems, grid layouts, visual hierarchy, and container queries
- [Typography](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/typography.md): Font selection, hierarchy, and readability principles for distinctive web typography
- [UX Writing](https://mintlify.wiki/pbakaus/impeccable/skills/frontend-design/ux-writing.md): Button labels, error messages, empty states, and microcopy best practices
- [Harden](https://mintlify.wiki/pbakaus/impeccable/skills/harden.md): Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management
- [Normalize](https://mintlify.wiki/pbakaus/impeccable/skills/normalize.md): Align design with your design system and ensure consistency across components, patterns, and styles
- [Onboard](https://mintlify.wiki/pbakaus/impeccable/skills/onboard.md): Design or improve onboarding flows, empty states, and first-time user experiences
- [Optimize](https://mintlify.wiki/pbakaus/impeccable/skills/optimize.md): Improve interface performance across loading speed, rendering, animations, images, and bundle size
- [Polish](https://mintlify.wiki/pbakaus/impeccable/skills/polish.md): Final quality pass that fixes alignment, spacing, consistency, and detail issues separating good from great
- [Quieter](https://mintlify.wiki/pbakaus/impeccable/skills/quieter.md): Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.
- [teach-impeccable](https://mintlify.wiki/pbakaus/impeccable/skills/teach-impeccable.md): One-time setup skill that gathers design context for your project
- [Best Practices](https://mintlify.wiki/pbakaus/impeccable/usage/best-practices.md): When to use which commands, workflow recommendations, and tips for best results
- [Commands Overview](https://mintlify.wiki/pbakaus/impeccable/usage/commands-overview.md): Complete reference of all 17 Impeccable commands with descriptions and use cases
- [Customization](https://mintlify.wiki/pbakaus/impeccable/usage/customization.md): How to customize Impeccable commands, add project context, and use /teach-impeccable

## OpenAPI Specs

- [openapi](https://mintlify.wiki/pbakaus/impeccable/api-reference/openapi.json)