Impeccable Lite

Design, build, redesign, critique, audit, and refine frontend interfaces with strong visual direction and production-ready UX. Use for websites, landing pages, dashboards, application UI, components, forms, onboarding, empty states, responsive behavior, accessibility, typography, color, layout, motion, UX copy, or when an interface feels generic, bland, cluttered, inconsistent, or unfinished. Do not use for backend-only or non-UI tasks.

27 stars 4 forksFrontend & Design

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add ilindaniel/impeccable-lite --skill impeccable-lite

Manual install

git clone --depth 1 https://github.com/ilindaniel/impeccable-lite.git /tmp/impeccable-lite
mkdir -p ~/.claude/skills
cp -r /tmp/impeccable-lite/. ~/.claude/skills/impeccable-lite

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# Impeccable Lite

> Derived and modified from [Impeccable](https://github.com/pbakaus/impeccable) by Paul Bakaus under Apache-2.0.

Create distinctive, coherent, production-ready interfaces without adding process machinery. Apply design judgment directly to the user's request and the existing product.

## Principles

- Let the brief win. Honor explicit aesthetics, constraints, content, brand decisions, and user priorities.
- Preserve product truth. Never invent claims, capabilities, prices, testimonials, metrics, or configuration.
- Distinguish refinement from redesign. Refinement preserves the current identity and behavior. Redesign preserves the product and function but may replace the visual language.
- Treat existing code as evidence. Read the relevant route, component, tokens, styles, and representative neighboring UI before deciding.
- Prefer one committed direction over a mixture of safe ideas.
- Make design serve the surface. Marketing can earn expression; product UI should disappear into the task.
- Reuse the project's components, tokens, icon set, and conventions before introducing anything new.
- Keep verification bounded. Build fully, inspect once, fix findings together, confirm once, and stop.

## Workflow

1. Understand the request and inspect the target plus one representative source of visual truth.
2. Classify the work as creation, redesign, refinement, critique, or technical audit.
3. Identify the surface mode and the visitor's primary success condition.

Read the full skill on GitHub

Details

Skill name: impeccable-lite
Repository: ilindaniel/impeccable-lite
License: Apache-2.0
Repo updated: 1 August 2026

FAQ

What does the Impeccable Lite skill do?

How do I install the Impeccable Lite skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add ilindaniel/impeccable-lite --skill impeccable-lite. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Impeccable Lite popular?

It lives in ilindaniel/impeccable-lite, which has 27 GitHub stars and 4 forks.

Related skills

SVG Character Animator

molauu/svg-character-animator

Generate production-quality SVG character animations — state machines that morph between N SVG states (2–10) with per-state idle motion (breathing, blinking, swaying). Use whenever the user wants to animate a character or mascot between poses/emotions, morph icons/illustrations between forms, build interactive SVG state machines, or add ambient idle motion to vector graphics. Triggers include character/mascot animation, SVG path interpolation, character emotion transitions, icon toggles with animation, multi-state vector animations, or "make this SVG come alive." Also use when the user referen

Frontend & Design

Copy Thief

thalesholleben/copy-thief

Escreve e revisa copy persuasiva de alta conversão para páginas de vendas (landing pages), advertoriais/pre-sell e VSLs, com foco em tráfego frio vindo de Ads (Meta e Google) para produtos e serviços digitais. Use quando o pedido envolver: escrever ou revisar uma página de vendas, landing page, sales letter, carta de vendas, copy de oferta, VSL, advertorial, pré-venda, headline, CTA, ou "vender no tráfego frio". O workflow é sempre diagnóstico → estrutura aprovada pelo usuário → copy. Idioma de saída padrão: PT-BR (mercado brasileiro).

Frontend & Design

Figma to Swiftui

daetojemax/figma-to-swiftui-skill

Implement or update iOS SwiftUI UI from Figma designs; also use for implementation plans, token mapping, or asset export for that UI.

Frontend & Design

Home Icon Motion

youwenjiujiu/home-icon-motion

Generate, package, and integrate the polished cinematic Home/house navigation icon motion as standalone HTML/video or as an inline Web Component with React and Vue wrappers. Use when Codex is asked to animate a Home icon, house icon, homepage navigation control, active Home tab, or integrate the established construct-and-illuminate Home treatment into an existing frontend. Do not use for Delete, Search, or other icon meanings.

Frontend & Design

Stark

f0d010c/stark

Use for UI/UX design, product flows, frontend or native interface design, design audits, design translation, asset planning, motion direction, design tokens, or distinctive non-generic apps and websites. Covers web and React, Windows and WinUI/Mica, Apple and SwiftUI, Android and Jetpack Compose/Material, cross-platform UI, and token export. Route to the focused skill, then load only the references required for the selected surface and failure mode.

Frontend & Design

Roblox Vfx Animation

adnvli/vfxskill

Use for any Roblox visual effect or animation work through a Roblox Studio MCP - particles, beams, trails, slashes, hits, explosions, spells, auras, abilities, combat effects, camera shake, VFX textures and flipbooks, and R15/R6/creature animations (attacks, idles, walks, runs). Load before building or tuning any effect or animation, even a small one.

Frontend & Design

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.