@ricouii: 在试用了大部分热门的设计 SKILL 之后,最终我只留下这 4 个: 1. Impeccable http://impeccable.style 2. Skills for Design Engineers http://github.c…

X AI KOLs Timeline 工具

摘要

作者推荐了4个设计相关的AI技能,其中重点介绍了Impeccable,它能检测并去除AI生成的设计痕迹,提供设计语言命令。

在试用了大部分热门的设计 SKILL 之后,最终我只留下这 4 个: 1. Impeccable http://impeccable.style 2. Skills for Design Engineers http://github.com/emilkowalski/skills… 3. transitions dev http://github.com/Jakubantalik/transitions.dev… 4. GSAP Skills http://github.com/greensock/gsap-skills…
查看原文
查看缓存全文

缓存时间: 2026/08/11 03:39

在试用了大部分热门的设计 SKILL 之后,最终我只留下这 4 个: 1. Impeccable http://impeccable.style 2. Skills for Design Engineers http://github.com/emilkowalski/skills… 3. transitions dev http://github.com/Jakubantalik/transitions.dev… 4. GSAP Skills http://github.com/greensock/gsap-skills…


Impeccable: Design skills for AI harnesses

Source: https://impeccable.style/

Detects and removes AI slop.

58 checks catch the defaults agents keep reaching for before they become your design.

The Language

23 commands give you a shared design vocabulary with your AI. Each names one kind of intervention:/typesetfor type,/distillfor complexity,/auditfor production quality. Pick any to see it in action, orbrowse the full reference →

Give direction in chat. Refine the result on the page.

Every change lands in your source.

mainClaudex Cocursor

Agent threadWorking treeYou

/impeccable polishthe pricing page. Keep our sharp corners and sober palette. Remove the AI tells.

Agent

I’ll polish the page within its existing design system, then run the detector before I hand it back.

DESIGN.md loadedExisting system preserved

4 tells foundAI beige · italic serif · side-tab · pulsing dot

Written to source0 detector findings

Agent

Starting Live Mode against the running app. I’ll open the page, then wait for element picks and page-level steering.

Live helper startedPicker injected into the app

localhost:3000 openedProduction source connected

Waiting for inputPick an element or steer the whole page

/impeccableChoose a command

BrowserLive previewlocalhost:3000

Generating variants…

1 / 3

Variant 3 written to source

Worlds on the table

Ask a model to be creative and it builds its favorite idea, every run. So Impeccable deals challengers: human-reviewed worlds, each a complete graphic system with laws of its own. They compete against the ideas the model derives from your product, and the direction that wins takes the build, fully committed. The hand below is dealt live from the 177 highest-rated worlds in the deck by the same roll API the skill uses.Why dice? Read the research →

Psst…the deck grows every week in Pro →

Ready to drop in

01### Respects your design system.

Inherits your tokens, components, and conventions instead of overwriting them. New work fits the system, not the model’s defaults.

/impeccable polish : scanning codebase

›Walking src/…

✓src/styles/tokens.css14 colors, 6 font sizes, 7 spacing steps

✓tailwind.config.tstheme.extend merged

✓src/components/34 components

· Button: primary, secondary, ghost, destructive

· Card: 3 variants, 8px / 16px radii

· Input, Select, Dialog, Toast, Table…

✓DESIGN.mdbrand rules loaded

→Matching your system. Not inventing one.

02### Real product context.

Captures the brief once, inPRODUCT\.md. Every command reads it before designing.

PRODUCT.mdLoaded on every command

UsersSREs on call, reading fast, often in the dark.

ModeOperate. Design serves the task.

Brand voiceCalm, clinical, no hype.

Anti-referencesPurple gradients. Glassmorphism. “Boost your productivity.”

03### Travels as DESIGN.md.

/impeccable documentwrites one in theGoogle Stitch format. Your visual system becomes portable.

DESIGN.mdGoogle Stitch spec

WordmarkSpaced 400

IM

Avenir Next

BodyRegular 400

Aa

Avenir Next

Components34

PrimaryGhost

Email address

Readable by every DESIGN.md-aware tool.

04### Knows what the surface is for.

A landing page should persuade. A dashboard should help someone work. Impeccable names the mode before it designs.

ExperienceLet the work lead

05### Block slop before it ships.

Hooks inspect each UI edit and send findings straight back to the agent. The same detector can fail a PR.

Edit · Hero.tsxhook active

1Edit landsAgent updates the hero.

2Hook returns two findingsAI beige · clipped label

Agent corrects the fileSecond pass: clean

Deep stop audit0 findings · PR ready

Explore the detector lab →

Get started

Install via

On the GitHub Copilot app? Impeccable isbuilt in. Skip the install and enable it underSettings → Experimental.

npx impeccable install

Installs the build tailored to your harness and model. RequiresNode 22.12+.

Why one command, many buildsimpeccableClaude Codehooks + subagentCursorpre-edit hookGemini CLI+ Gemini-tuned slop rulesCodex CLI+ Codex-tuned slop rulesSame skill, recompiled per target. The part that matters: builds for models with known tells carry extra slop rules banning that model’s habits. The Gemini build kills its image-on-hover motion; the Codex build refuses ghost-cards and over-rounding. Native hook wiring and a subagent ship too, where the tool supports them.

First run

/impeccable init

Works with Cursor, Claude Code, GitHub Copilot, Gemini CLI, Codex CLI, Grok Build, and every other major AI coding harness.

Read the setup guide·See what’s new·Got questions?

Learn more:Getting started·Designing with Impeccable·command docs

相似文章