How do I install the Styleseed Design Judgment Engine skill?

Run npx skillmds add thedixitjain/styleseed-design-judgment-engine in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Styleseed Design Judgment Engine safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Styleseed Design Judgment Engine?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Styleseed Design Judgment Engine free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Styleseed Design Judgment Engine?

thedixitjain (@thedixitjain) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Styleseed Design Judgment Engine by thedixitjain

Name: Styleseed Design Judgment Engine
Rating: 4.2 (5 reviews)
Author: thedixitjain

Styleseed Design Judgment Engine

- 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 - Component variance — never 4 identical KPI cards, stagger content types

thedixitjain 379291a 1.9 KB Updated Sep 9, 2026 2 repo stars

File contents

StyleSeed — Design Judgment Engine

Teaches Claude Code design judgment, not just design data. 69 visual rules that make AI output look designed, not generated.

What It Teaches

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
Component variance — never 4 identical KPI cards, stagger content types
Motion & feedback — 200ms normal, spring for entrance, ease-out for exit

Quick Start

# Copy engine into your project
cp -r styleseed/engine/* your-project/

# Or just point Claude at the repo
# "Refer to https://github.com/bitjaru/styleseed — read engine/CLAUDE.md and DESIGN-LANGUAGE.md"

Includes

69 visual design rules (brand-agnostic)
48 React components (shadcn-style, Tailwind CSS v4 + Radix UI)
11 slash commands (/ss-page, /ss-review, /ss-audit, /ss-lint, etc.)
Swappable brand skins (Toss, Stripe, Linear, Vercel, Notion, Raycast, Arc)

Links

Repository: https://github.com/bitjaru/styleseed
Live demo: https://styleseed-demo.vercel.app
License: MIT

Source: rohitg00/awesome-claude-code-toolkit → skills/styleseed/SKILL.md

---name: styleseed-design-judgment-enginedescription: - 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 - Component variance — never 4 identical KPI cards, stagger content types---# StyleSeed — Design Judgment Engine > Teaches Claude Code design judgment, not just design data. 69 visual rules that make AI output look designed, not generated. ## What It Teaches - **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 - **Component variance** — never 4 identical KPI cards, stagger content types - **Motion & feedback** — 200ms normal, spring for entrance, ease-out for exit ## Quick Start ```bash # Copy engine into your project cp -r styleseed/engine/* your-project/ # Or just point Claude at the repo # "Refer to https://github.com/bitjaru/styleseed — read engine/CLAUDE.md and DESIGN-LANGUAGE.md" ``` ## Includes - 69 visual design rules (brand-agnostic) - 48 React components (shadcn-style, Tailwind CSS v4 + Radix UI) - 11 slash commands (`/ss-page`, `/ss-review`, `/ss-audit`, `/ss-lint`, etc.) - Swappable brand skins (Toss, Stripe, Linear, Vercel, Notion, Raycast, Arc) ## Links - **Repository:** https://github.com/bitjaru/styleseed - **Live demo:** https://styleseed-demo.vercel.app - **License:** MIT --- **Source:** [`rohitg00/awesome-claude-code-toolkit`](https://github.com/rohitg00/awesome-claude-code-toolkit) → `skills/styleseed/SKILL.md`

Frequently asked questions