impeccable
GitHub用于设计和优化产品 UI，确保符合 Linger 现有视觉规范。涵盖布局层级、排版、交互状态及文案，强调复用现有组件与 Tailwind 样式，禁止引入新视觉体系或额外 UI 库。
触发场景
安装
npx skills add simplexai-labs/linger --skill impeccable -g -y
SKILL.md
Frontmatter
{
"name": "impeccable",
"description": "Use when designing, redesigning, or polishing product UI. Covers hierarchy, spacing, typography, contrast, states, copy, and interaction. Apply for forms, settings, empty states, and Room-adjacent product surfaces."
}
Impeccable
Ship production-grade product UI that matches the current Linger surfaces. Do not invent a second visual system.
Follow the product
Reuse existing Tailwind tokens, local components, and lucide-react. Keep light, dense, task-first layout. Use the product accent for primary actions and selection, not decoration.
Hierarchy and type
Use weight and size, not extra colors, to show importance. Body text must stay readable against its surface. Labels stay short. No all-caps body copy. No gradient text.
States
Every control needs default, hover, focus, disabled, loading, and error. Empty states should explain the next action. Errors name the failure and what to do.
Interaction
Prefer inline editing, rows, dialogs, and toolbars already used in the product. Do not add a UI library. Motion is 150-250ms and only to show state change.
Copy
Button labels are verb plus object. No marketing adjectives. No em dashes. Placeholder text must remain readable.
版本历史
- d8ebc34 当前 2026-11-14 00:26
