$npx skillfedfor your agent

impeccable

Impeccable brings production-grade design guidance to NextClaw through bundled local references covering typography, color, layout, motion, interaction, responsive design, and UX writing. It routes you through focused workflows for feature shaping, critique, audit, and polish, then optionally integrates an upstream detector CLI for deterministic anti-pattern scans. The skill owns context gating and workflow selection while keeping boundaries clear between its guidance, your project rules, and actual implementation.

Impeccable helps you elevate frontend design quality and sidestep generic AI aesthetics through bundled design references and optional anti-pattern detection.

AI-generated summary based on this skill's SKILL.md

245 39 MITupdated by Peiiii

Decision gist · record as of 2026-07-28

Impeccable helps you elevate frontend design quality and sidestep generic AI aesthetics through bundled design references and optional anti-pattern detection. Impeccable brings production-grade design guidance to NextClaw through bundled local references covering typography, color, layout, motion, interaction, responsive design, and UX writing. It routes you through focused workflows for feature shaping, critique, audit, and polish, then optionally integrates an upstream detector CLI for deterministic anti-pattern scans. The skill owns context gating and workflow selection while keeping boundaries clear between its guidance, your project rules, and actual implementation.

manual: git clone https://github.com/Peiiii/nextclaw → cp -r nextclaw/skills/impeccable ~/.claude/skills/impeccable
skills/impeccable/SKILL.md · version df3bdcbb

Use it when

  • Yes.
  • Impeccable offers focused design guidance on typography, color, layout, motion, interaction design, responsive design best practices.

Verify before relying

Read SKILL.md below before installing (21 files). Open directory: indexed for reading, not audited.

Same gist for agents: .md · .json

Install

Peiiii/nextclaw/impeccable · repository language: TypeScript

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

How to improve frontend design quality with Impeccable?

Impeccable brings production-grade design guidance through bundled local references covering typography, color, layout, motion, interaction, responsive design, and UX writing. It routes you through focused workflows for feature shaping, critique, audit, and polish—each tailored to your stage in the design process. Impeccable owns context gating and workflow selection, keeping clear boundaries between its guidance, your project rules, and actual implementation.

Can Impeccable help avoid generic AI aesthetics in UI?

Yes. Impeccable's core intent is to improve frontend design quality and steer you away from generic AI aesthetics. It provides distinctive, production-grade design critique and technical audit feedback grounded in bundled references rather than generic patterns. The skill emphasizes avoiding cookie-cutter approaches through focused guidance on typography, color, layout, and motion.

What design topics does Impeccable cover?

Impeccable offers focused design guidance on typography, color, layout, motion, interaction design, responsive design best practices, and UX writing. It also covers microcopy and empty state guidance, cognitive load and heuristics scoring, and design critique scoring frameworks. Each topic integrates with bundled local references to keep advice grounded and actionable.

Does Impeccable extract design systems from UI patterns?

Yes. Impeccable can extract or establish design systems from repeated UI patterns in your frontend code. It identifies consistent patterns across your project and helps you formalize them into a coherent system, supporting the workflow of turning ad-hoc designs into systematic, maintainable foundations.

Can Impeccable detect frontend anti-patterns?

Impeccable optionally integrates an upstream detector CLI for deterministic anti-pattern detection on frontend code. This provides automated scanning alongside its design guidance, helping catch common pitfalls before they reach production. The skill coordinates between its guidance workflows and the detector's technical audits.

What license does Impeccable use?

Impeccable is released under the MIT license, making it free to use, modify, and distribute in both open-source and commercial projects.

SKILL.md

Rendered from the published skill. Quoted content, verbatim.

Impeccable

Overview

Use this skill when the user wants stronger frontend design quality inside NextClaw.

This marketplace skill adapts the upstream pbakaus/impeccable project into a single installable NextClaw skill package with:

  • one top-level workflow router,
  • bundled local references for typography, color and contrast, layout, motion, interaction, responsive design, and UX writing,
  • bundled workflow guides for shaping, crafting, critique, audit, polish, and design-system extraction,
  • and an optional upstream impeccable detector CLI for deterministic anti-pattern scans.

Be explicit about the boundary:

  • This skill owns design-context gating, workflow selection, expectation-setting, and detector readiness guidance.
  • The bundled local references own the detailed design vocabulary.
  • The optional upstream impeccable CLI owns deterministic anti-pattern detection.
  • NextClaw, the current repository

(truncated - see the full file via the links below)

File tree — 15 files
skills/impeccable/SKILL.md
skills/impeccable/UPSTREAM_LICENSE
skills/impeccable/UPSTREAM_NOTICE.md
skills/impeccable/marketplace.json
skills/impeccable/references/SOURCES.md
skills/impeccable/references/color-and-contrast.md
skills/impeccable/references/critique-cognitive-load.md
skills/impeccable/references/critique-heuristics-scoring.md
skills/impeccable/references/critique-personas.md
skills/impeccable/references/interaction-design.md
skills/impeccable/references/motion-design.md
skills/impeccable/references/responsive-design.md
skills/impeccable/references/spatial-design.md
skills/impeccable/references/typography.md
skills/impeccable/references/ux-writing.md

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Improve frontend design quality and avoid generic AI aesthetics”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

impeccable
by pbakaus · pbakaus/impeccable

Impeccable equips AI coding agents with professional design direction across 23 specialized commands—from initial planning and critique through refinement, enhancement, and production hardening. Use it to elevate websites, dashboards, components, and entire design systems with deterministic quality checks, live browser iteration, and craft-floor standards that catch what automated detectors miss.

Apache-2.0for claude-code, cursor, geminiupdated Jul 2026
★ 51,702repo stars
impeccable
by joewinke · joewinke/jat

impeccable shapes production frontend interfaces through design iteration, critique, and craft. It handles everything from visual hierarchy and accessibility to responsive layouts, design systems, and micro-interactions—grounded in project context via PRODUCT.md and DESIGN.md. Real working code, committed design choices.

MITupdated Jul 2026
★ 248repo stars
impeccable
by theexperiencecompany · theexperiencecompany/gaia-ui

Impeccable handles frontend design work across websites, dashboards, apps, and component systems. It covers visual hierarchy, accessibility, responsive behavior, theming, typography, layout, motion, and design systems—moving from initial critique through live iteration to polished, production-ready code.

MITupdated May 2026
★ 210repo stars
Impeccable
by samhvw8 · samhvw8/dotfiles

Impeccable handles frontend design work across websites, dashboards, components, and full app shells. It covers visual hierarchy, accessibility, responsive behavior, theming, typography, layout, motion, and micro-interactions—from initial design through live iteration and refinement. Use it to improve interfaces, audit UX, animate elements, or push visual effects beyond the ordinary.

no license declared → metadata onlyupdated Jul 2026
★ 14repo stars
Frontend Design
by tech-leads-club · tech-leads-club/agent-skills

Frontend Design teaches you to create visually striking web interfaces with purpose and precision. It guides you through bold aesthetic choices, typography pairing, cohesive color systems, and spatial rhythm while explicitly avoiding the generic patterns that mark AI-generated work. Use this skill to build production-grade components and pages that feel intentional and memorable.

no license declared → metadata onlyupdated Jul 2026
★ 4,951repo stars
Impeccable
by pedronauck · pedronauck/skills

Impeccable handles the full spectrum of frontend interface work—from redesigning existing UIs to building new ones from scratch. It covers websites, dashboards, components, and design systems, addressing visual hierarchy, accessibility, responsive behavior, typography, color, motion, and micro-interactions. The skill produces ready-to-ship code grounded in design principles and performance.

no license declared → metadata onlyupdated Jul 2026
★ 541repo stars

More skills impeccable (Apache-2.0)

Tags
design-workflow-routeranti-generic-aestheticsproduction-grade-uidesign-context-gatingdeterministic-scanningbundled-referencescritique-frameworkdesign-system-patternsnextclaw-marketplaceui-polish-checklist