impeccable

Designs, critiques, and refines production-grade frontend interfaces through structured sub-command workflows.

3|Updated Oct 25, 2025
One-click install
npx skills add https://github.com/Prismaibrowser/prismspace-web --skill impeccable-prismaibrowser
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/Prismaibrowser/prismspace-web/tree/main/.cursor/skills/impeccable
Command: npx skills add https://github.com/Prismaibrowser/prismspace-web --skill impeccable-prismaibrowser

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Frontend interfaces often ship with generic AI-generated aesthetics, weak visual hierarchy, accessibility gaps, and inconsistent design systems. This Skill provides a structured workflow for designing, auditing, and iterating UI surfaces so they meet production quality standards instead of looking like template output. ## Core Features & Use Cases - 23 Routed Sub-Commands: Build flows (craft, shape, init, document, extract), evaluation flows (critique, audit), refinement flows (polish, bolder, quieter, distill, harden, onboard), enhancement flows (animate, colorize, typeset, layout, delight, overdrive), and fix flows (clarify, adapt, optimize), each backed by a dedicated reference file. - Context-Aware Setup: Runs context.mjs to load PRODUCT.md and DESIGN.md, detects brand vs product register, and generates a seed palette via palette.mjs for greenfield projects. - Design System Enforcement: Ships a complete PrismSpace design system (DESIGN.md) with color tokens, typography scales, elevation rules, and component CSS specifications. - Use Case: A developer with a bland dashboard runs the audit command to receive a scored report across accessibility, performance, theming, responsive design, and anti-patterns, then applies polish and colorize to fix the findings. ## Quick Start Ask the AI to run /impeccable audit on your dashboard page to get a scored technical quality report with prioritized fixes.

Frequently Asked Questions about impeccable

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit a frontend UI for accessibility and performance issues?▼

Run the audit command with a target surface to receive a scored report across five dimensions: accessibility, performance, theming, responsive design, and anti-patterns. Each finding is tagged P0-P3 with a recommended follow-up command.

How to make a bland AI-generated landing page look more distinctive?▼

Use the bolder command, which amplifies the existing design system through stronger hierarchy, proportion, and contrast rather than adding generic gradients or glassmorphism. It rejects saturated AI aesthetic defaults before amplifying.

Does this design workflow work with existing design systems and tokens?▼

Yes. Setup reads existing CSS tokens, themes, and components before acting, and identity-preservation wins over new palette generation. The palette script only runs for brand-new projects with no committed brand colors.

Can I use it for backend-only or non-UI tasks?▼

No. The skill explicitly excludes backend-only and non-UI work. Its scope covers frontend surfaces such as websites, dashboards, components, forms, and onboarding flows where visual and interaction design decisions apply.

What is the difference between the critique and audit commands?▼

Critique performs a UX design review with heuristic scoring focused on design quality, while audit runs code-level technical checks on accessibility, performance, theming, and responsive behavior. Audit documents issues without fixing them.