Styleseed
🤖 AI Summary
Styleseed enforces a strict design system: it applies a 5-level grayscale palette with one accent color, alternates section heights in 2:1 ratios, and uses progressive density with 4% max shadow opacity and dark-mode border substitution.
How to Install
Claude Code:
git clone --depth 1 https://github.com/rohitg00/awesome-claude-code-toolkit.git && cp awesome-claude-code-toolkit/skills/styleseed ~/.claude/skills/SKILL.md -r- **Color discipline** — `#2A2A2A` as refined black, 5-level grayscale, one accent color maximum - **Spatial rhythm** — alternating section heights, 2:1 number-to-unit ratios - **Information hierarchy** — card/background separation, progressive density - **Shadow & elevation** — 4% opacity ceiling, dark mode border substitution
Details
| Category | Design → ui |
| Source | rohitg00/awesome-claude-code-toolkit |
| SKILL.md | View on GitHub → |
| Repo Stars | ★ 2.2K |
| Est. per Skill | 54 (shared across 40 skills from this repo) |
| Difficulty | Intermediate |
| Risk Level | N/A |
Related Skills
imagegen-frontend-web
HARD OUTPUT RULE — READ FIRST Generate one separate horizontal image PER section. Always. No excepti
soft-skill
Agent Skill: Principal UI/UX Architect & Motion Choreographer (Awwwards-Tier) 1. Meta Information &
browser-qa
Browser QA — Automated Visual Testing & Interaction When to Use - After deploying a feature to stagi
deck-swiss-international
【模板: 瑞士国际主义 Deck (Swiss International)】 【意图】事实、产品、分析、方法论表达。极度冷静、理性、学院派, 没有任何手绘 / 噪点 / 装饰。Inspired by
Works Well With
Skills from the same repository — often designed to work together