UI设计热门

StyleSeed：74条设计规则+自动评分（>80分）

抖音爆款！教 AI 设计判断力。7个品牌皮肤、5个动效种子、自动质量评分。专治AI生成的廉价UI。

📋 SKILL.md 完整代码

---
name: styleseed-skill
description: >-
  抖音爆款！教 AI 设计判断力。7个品牌皮肤、5个动效种子、自动质量评分。专治AI生成的廉价UI。
  Use when working on styleseed skill tasks.
allowed-tools: Read,Write,Bash
---

# StyleSeed：74条设计规则+自动评分（>80分）

## Quick Start
1. Save as `~/.claude/skills/styleseed-skill/SKILL.md`
2. Restart Claude Code
3. Type `/styleseed-skill` or describe your task naturally
4. Claude auto-triggers when your task matches the description

## Instructions
- Understand the user's specific context and needs
- Apply domain best practices consistently
- Provide actionable, specific guidance with examples
- Verify all outputs before presenting to user

## Gotchas
- Test with a fresh Claude instance after changes
- Keep SKILL.md under 500 lines; use references/ for details
- Description is the trigger key — make it specific and keyword-rich

🚀 怎么用

1. 复制上面的 SKILL.md 代码
2. 保存为 ~/.claude/skills/styleseed-skill/SKILL.md
3. 重启 Claude Code
4. 输入 /styleseed-skill 或直接描述任务触发
5. AI 自动按 Skill 流程执行

核心价值

StyleSeed 不是给 AI 调色板，而是教它「设计判断力」。74条设计规则涵盖：单强调色法则（整个应用只有一个强调色）、8pt网格（所有间距必须是8的倍数）、视觉层次（一屏一个焦点+一个主操作按钮）、区域隔离（每个区域必须有视觉边界）。自动质量评分，<80分自动修复。

禁止的AI痕迹

默认indigo渐变、图标芯片（浅色圆角chip+Lucide图标）、三列等宽功能卡片、彩虹列表（状态色作装饰）、`filter: invert()`伪暗色模式——这些都是AI生成的标志性廉价UI特征。StyleSeed 自动检测并禁止所有这些。

SKILL.md 核心配置

name: styleseed description: Design engine teaching AI design judgment. 74 rules, 48 components, 7 brand skins (Toss/Stripe/Linear/Notion/Raycast/Arc/Vercel), named motion system. Use for all UI work. # StyleSeed Rules - Single accent color per app (no dual accents!) - 8pt grid spacing (8,16,24,32...) - One focal point per screen - One primary action per section - Section isolation: surface shift, whitespace, divider, border, or color block - Inner radius = outer radius - padding - Motion: cinematic for landing, calm for dashboard, NO scroll hijacking