Does it support accessibility requirements?

Yes, part of the setup process involves defining WCAG levels and specific user needs like reduced motion or color blindness considerations.

Do I need to run this skill every session?

No, it is designed as a one-time setup. Once the design context is persisted to your project files, Claude can reference it in all future sessions.

How does it help with frontend development?

By scanning your CSS variables and existing components, it prevents the AI from suggesting designs that conflict with your established visual patterns and libraries.

What is the teach-impeccable skill?

It is a specialized Claude Code skill that gathers and saves design and UX context to ensure the AI understands your project's visual and brand standards.

Where does it store the design context?

It saves the synthesized design information to a file named .impeccable.md in your project root, and can optionally update your CLAUDE.md file.

Impeccable Design Context

Name: Impeccable Design Context
Author: Moliboy5000

byMoliboy5000

0•

Design Tools

Establishes persistent UI/UX design guidelines and brand context by analyzing your codebase and gathering user preferences.

The teach-impeccable skill automates the setup of project-specific design standards by scanning existing assets, code patterns, and dependencies before interviewing the developer for brand-specific details. It synthesizes technical discoveries like CSS variables and component libraries with aesthetic goals into a persistent .impeccable.md file, ensuring Claude maintains consistent brand personality, accessibility standards, and visual principles across all future development and refactoring sessions.

Key Features

01Automated codebase discovery for design tokens and CSS variables

02Persistence of design principles to local documentation files

03Accessibility requirement mapping (WCAG, motion, color-blindness)

040 GitHub stars

05Guided UX/UI interviews to define brand personality and voice

06Tech stack and design library detection from configuration files

Use Cases

01Standardizing UI patterns and spacing across a growing codebase

02Documenting aesthetic preferences to ensure AI-generated components match existing styles

03Onboarding Claude to a new frontend project with specific brand requirements

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add moliboy5000/.claude teach-impeccable

For use in Claude.ai and ChatGPT

Key Features

01Automated codebase discovery for design tokens and CSS variables

02Persistence of design principles to local documentation files

03Accessibility requirement mapping (WCAG, motion, color-blindness)

040 GitHub stars

05Guided UX/UI interviews to define brand personality and voice

06Tech stack and design library detection from configuration files

Use Cases

01Standardizing UI patterns and spacing across a growing codebase

02Documenting aesthetic preferences to ensure AI-generated components match existing styles

03Onboarding Claude to a new frontend project with specific brand requirements

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add moliboy5000/.claude teach-impeccable

For use in Claude.ai and ChatGPT