Generates production-grade frontend interfaces with distinctive typography, color, and layout design.
npx skills add https://github.com/metang/imganalyzer --skill impeccable-metang
Please help me install this Agent Skill. Skill: impeccable Source: https://github.com/metang/imganalyzer/tree/main/.agents/skills/impeccable Command: npx skills add https://github.com/metang/imganalyzer --skill impeccable-metang
.impeccable.md so all future design work stays on-brand. - Opinionated Design Rules: Built-in guidelines cover typography (font selection procedure that rejects overused fonts), OKLCH color systems, 4pt spacing scales, motion, interaction, responsive design, and UX writing, with absolute bans on patterns like gradient text and side-stripe borders. - Three Invocation Modes: Use craft to shape and build a feature with visual iteration, teach to set up project design context, and extract to consolidate repeated UI patterns into a design system. - Use Case: Ask the agent to build a landing page for your product; it first loads your design context, commits to a bold aesthetic direction, implements working code, and iterates visually until the result passes the AI slop test. ## Quick Start Ask the agent to run impeccable teach to set up design context for the project, then use impeccable craft to build a new feature page.High-intent search queries and answers about installing and using this skill.
Run the teach mode first to capture your audience, brand personality, and aesthetic direction in a Design Context file. The skill then enforces distinctive font selection, OKLCH color palettes, and bans recognizable AI patterns like gradient text and side-stripe card borders.
Teach gathers project design context through questions and saves it to .impeccable.md. Craft builds a feature through design brief, implementation, and visual iteration. Extract identifies repeated UI patterns and consolidates them into reusable components and design tokens.
It rejects reflex fonts like Inter, Roboto, Fraunces, Playfair Display, and Space Grotesk that create monoculture. It also bans gradient text via background-clip, border-left accent stripes wider than 1px, pure black or white, and cyan-on-dark AI palettes.
Yes. The extract mode discovers your existing design system, identifies components and hard-coded values used three or more times, and migrates them into shared components and semantic design tokens following your existing conventions.
Code reveals what was built but not who it is for or how it should feel, so inferring context from the codebase produces generic output. The skill requires confirmed audience, use cases, and brand personality before any design work begins.
clovernguyen1010-ship-itCollect brand assets including name, tagline, personality, audience, and platforms.
samymityAutomate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.
dudedesi12Create and manage UI component libraries with Storybook and Chromatic visual testing.
PostalocityIntegrate shadcn/ui with Tailwind CSS to enforce design tokens and CSS variable theming.