Designs, critiques, and refines production-grade frontend interfaces through structured sub-commands.
npx skills add https://github.com/waki285/dotfiles --skill impeccable-waki285
Please help me install this Agent Skill. Skill: impeccable Source: https://github.com/waki285/dotfiles/tree/main/.skills/impeccable Command: npx skills add https://github.com/waki285/dotfiles --skill impeccable-waki285
craft, shape, and teach guide interface creation from context gathering (PRODUCT.md / DESIGN.md) through implementation. - Evaluation and refinement: critique, audit, polish, bolder, quieter, and distill score and improve UX, accessibility, performance, theming, and responsive behavior. - Targeted enhancements: animate, colorize, typeset, layout, clarify, adapt, optimize, and harden fix specific dimensions like motion, typography, UX copy, and edge cases. - Use Case: A developer building a landing page runs $impeccable craft to shape the page with confirmed visual direction, then runs $impeccable audit to catch contrast and anti-pattern issues before shipping. ## Quick Start Ask the AI to use the impeccable skill to critique your landing page and suggest concrete design improvements.High-intent search queries and answers about installing and using this skill.
Run the `bolder` command to amplify hierarchy, scale, and typography, or `colorize` to introduce a strategic palette. Both commands reject common AI-generated clichés like purple-blue gradients and glassmorphism before applying changes.
Use the `audit` command, which runs checks across five dimensions: accessibility, performance, theming, responsive design, and anti-patterns. It produces a scored report with P0-P3 severity tags and recommends follow-up commands for each finding.
Brand register covers marketing sites, landing pages, and campaigns where design is the product, allowing dramatic color and motion. Product register covers app UI and dashboards where design serves the task, favoring restraint, fast transitions, and semantic color.
PRODUCT.md is required and loaded via the load-context script before any design work; if missing, the `teach` command creates it. DESIGN.md is optional but recommended, and can be generated from existing code with the `document` command.
Do not use it for backend-only or non-UI tasks, as its instructions, references, and commands are entirely focused on frontend interface design, UX review, and visual implementation.
L3DigitalNetGuides users through a structured process to create design documents.
israel-salgadoAnalyze RUM data to diagnose frontend performance, sessions, and errors.
samymityAutomate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.
shinnytechCreate React UI components with shadcn/ui and Tailwind CSS.