Impeccable
Award-winning design direction for every interface, every command
What You Can Do
Elevate your interface design from strategy to pixel-perfect execution. Shape layouts and user flows before coding, critique designs against established heuristics, audit for accessibility and performance gaps, and polish for production. Enhance with purposeful animation, strategic color, harmonious spacing, and delightful moments. Includes comprehensive guidance for websites, dashboards, apps, components, forms, onboarding, and design systems across web and native platforms.
Features
Shape UX/UI architecture, capture product context, and establish design direction before touching code
Evaluate designs against usability principles with detailed scoring across visual hierarchy, accessibility, and consistency
Scan for WCAG accessibility gaps, responsive breakpoint issues, performance bottlenecks, and technical quality problems
Add animation, strategic color, refined typography, harmonious spacing, and delightful moments to any interface
Make safe designs bolder and more distinctive, or tone down overstimulating interfaces to perfect balance
Prepare designs for ship-readiness with edge case handling, internationalization support, and responsive behavior
Pick UI elements directly in the browser and generate visual alternatives without rebuilding your project
Extract reusable tokens, components, and patterns from existing projects into formalized design systems
Example Output
Shape a product dashboard layout
@impeccable shape analytics-dashboard
Generates detailed UX/UI plans with information architecture, component hierarchy, visual direction, and design rationale before any code is written.
Critique your interface against design heuristics
@impeccable critique src/pages/settings.tsx
Provides comprehensive heuristic-based review with scoring across usability, visual hierarchy, accessibility, and consistency, highlighting specific improvements needed.
Audit for accessibility and responsive issues
@impeccable audit src/components/form.tsx
Scans for WCAG compliance gaps, responsive breakpoint problems, performance bottlenecks, and missing edge cases with actionable recommendations.
What's Included
- 20+ design commands: Specialized commands for planning, building, evaluating, refining, enhancing, and iterating on interfaces
- Comprehensive reference documentation: Detailed playbooks for every design mode (Persuade, Operate, Read, Experience) with decision frameworks
- Native platform support: Dedicated guidance for iOS, Android, and adaptive multi-platform UI design patterns
- PRODUCT.md and DESIGN.md templates: Structured templates for capturing product strategy and design system decisions across projects
- Design detection hooks: Automated quality detection that surfaces design findings and recommendations after UI file edits
Who It's For
- Product Designers
- UX/UI Engineers
- Design System Leads
- Frontend Developers
- Design Directors
Best For
- Complete UI redesigns
- Design system creation
- Accessibility improvements
- Interface strategy and planning
- Production UI hardening