impeccable

impeccable is a skill for Claude Code from f-amine/vibe-stack. It costs 189 tokens per session (3,024 once invoked), scanned A, a copy of impeccable, MIT.

A frontend design and improvement skill for websites, dashboards, product interfaces, forms, onboarding screens, and other user interfaces. It covers creating, reviewing, refining, and adapting working interface code.

In plain words
What is it for?
It helps design or redesign frontend screens, audit usability and visual quality, refine components, and apply choices about layout, typography, color, animation, and interaction.
Why use it?
It gives design work a structured process based on the project's product and visual context. It helps avoid generic interface changes that ignore the existing brand and design system.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter.

Good fit It helps design or redesign frontend screens, audit usability and visual quality, refine components, and apply choices about layout, typography, color, animation, and interaction.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/f-amine/vibe-stack/impeccable
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add f-amine/vibe-stack --skill impeccable
Clone the repo
git clone --depth 1 https://github.com/f-amine/vibe-stack

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for impeccable

README.md
[![agentmods](https://agentmods.dev/badge/skills/f-amine/vibe-stack/impeccable/github.svg)](https://agentmods.dev/skills/f-amine/vibe-stack/impeccable)
Your own site
<a href="https://agentmods.dev/skills/f-amine/vibe-stack/impeccable"><img src="https://agentmods.dev/badge/skills/f-amine/vibe-stack/impeccable/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for impeccable

Your own site · 80×15
<a href="https://agentmods.dev/skills/f-amine/vibe-stack/impeccable"><img src="https://agentmods.dev/badge/skills/f-amine/vibe-stack/impeccable.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 189 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,024 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 81% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00189 $0.03024
Opus 5.5 $0.00076 $0.01210
Sonnet 5.5 $0.00038 $0.00605
Haiku 4.5 $0.00019 $0.00302

Measured 1mo ago against content hash 1618b3863647, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

impeccable scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

The scan reads SKILL.md. This mod also ships 22 executable files (scripts/cleanup-deprecated.mjs, scripts/critique-storage.mjs, scripts/design-parser.mjs, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

81% identical to impeccable — 77 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

.claude/skills/impeccable/SKILL.md · 169 lines

How it starts

The opening of the file, as written. The whole thing — 169 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Designs and iterates production-grade frontend interfaces. Real working code, committed design choices, exceptional craft.

Setup

Before any design work or file edits:

  1. Load context (PRODUCT.md / DESIGN.md) via the loader script.
  2. Identify the register and load the matching register reference (brand.md or product.md).
  3. If the user invoked a sub-command (e.g. craft, shape, audit), load its reference file too. This is non-negotiable: craft without craft.md loaded means you'll skip the shape-and-confirm step the user expects.

Skipping these produces generic output that ignores the project.

1. Context gathering

Two files, case-insensitive. The loader looks at the project root by default and falls back to .agents/context/ and docs/ if the root is clean. Override with IMPECCABLE_CONTEXT_DIR=path/to/dir (absolute or relative to cwd).

  • PRODUCT.md: required. Users, brand, tone, anti-references, strategic principles.
  • DESIGN.md: optional, strongly recommended. Colors, typography, elevation, components.

Load both in one call:

node {{scripts_path}}/load-context.mjs

Consume the full JSON output. Never pipe through head, tail, grep, or jq. The output's contextDir field tells you where the files were resolved from.

If the output is already in this session's conversation history, don't re-run. Exceptions requiring a fresh load: you just ran {{command_prefix}}impeccable teach or {{command_prefix}}impeccable document (they rewrite the files), or the user manually edited one.

{{command_prefix}}impeccable live already warms context via live.mjs. If you've run live.mjs, don't also run load-context.mjs this session.

If PRODUCT.md is missing, empty, or placeholder ([TODO] markers, <200 chars): run {{command_prefix}}impeccable teach, then resume the user's original task with the fresh context. If the original task was {{command_prefix}}impeccable craft, resume into {{command_prefix}}impeccable shape before any implementation work.

Read the full file on GitHub · 169 lines

Files

What ships with it

60 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 169 lines · 189 tokens per session scan A 1618b3863647

Subscribe to this mod's changes

impeccable is a skill published in the GitHub repository f-amine/vibe-stack (21 stars, last pushed 3mo ago), licensed MIT. It adds 189 tokens to every session and 3,024 once invoked, about $0.0008 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 81% identical to impeccable, differing in 77 lines, and is treated as a copy.

Related

Other skills, from other repositories

ui-and-theme

Frontend/design system skill for the svelteflare monorepo. Use this whenever the user wants to build or modify UI — pages, sections, components, layouts, forms, cards, tables, dialogs, dashboards, or landing pages. Also invoke for anything theme-related: light/dark mode, custom colors, design tokens, typography, or…

pinebasedev/svelteflare · 159 tokens

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

krivoox/agent-stack-template · 40 tokens

web-design-guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

IvanTsxx/AI-Nextjs-Monorepo-Starter · 44 tokens

kiranism-shadcn-dashboard

Guide for building features, pages, tables, forms, themes, and navigation in this Next.js 16 shadcn dashboard template. Use this skill whenever the user wants to add a new page, create a feature module, build a data table, add a form, configure navigation items, add a theme, set up RBAC access control, or work with…

Kiranism/next-shadcn-dashboard-starter · 142 tokens

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI).…

mastra-ai/mastra · 77 tokens

design-system

Design system consistency checks and token guidance for Mantine-based UI.

design-sparx/mantine-analytics-dashboard · 16 tokens