Skip to content

Add new-skill: styleseed design judgment engine#325

Open
bitjaru wants to merge 2 commits intorohitg00:mainfrom
bitjaru:add-styleseed
Open

Add new-skill: styleseed design judgment engine#325
bitjaru wants to merge 2 commits intorohitg00:mainfrom
bitjaru:add-styleseed

Conversation

@bitjaru
Copy link
Copy Markdown

@bitjaru bitjaru commented Apr 22, 2026

Adding StyleSeed to the Skills section.

| StyleSeed | skills/styleseed/ | Design judgment: 69 visual rules, brand skins, professional UI |

What it is: Design judgment engine that teaches Claude Code the invisible rules pro designers carry — not more design data, but design judgment. 69 rules organized into 6 categories (color discipline, spatial rhythm, information hierarchy, shadow/elevation, component variance, motion/feedback).

Community traction:

  • 300+ GitHub stars, 37 forks in 2 weeks
  • oosmetrics Frontend Top 6 (acceleration ranking)
  • Merged into bradtraversy/design-resources-for-developers
  • Live demo: https://styleseed-demo.vercel.app

Files added:

  • skills/styleseed/SKILL.md — skill definition with quick start
  • README.md — added row to skills table

MIT licensed, no telemetry, no network calls.

Summary by CodeRabbit

  • New Features

    • Added StyleSeed skill module: a design judgment engine featuring 69 visual rules, 48 React components built with modern frameworks, 11 slash commands, and swappable brand skins for consistent, professional UI development.
  • Documentation

    • Added StyleSeed skill documentation with quick start instructions and live demo reference.

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Apr 22, 2026

📝 Walkthrough

Walkthrough

This pull request introduces a new StyleSeed skill module to the project. The changes include adding a table entry in README.md for the module and creating comprehensive documentation describing the StyleSeed design judgment engine with its visual rules, React components, and features.

Changes

Cohort / File(s) Summary
Skills Table Update
README.md
Added StyleSeed skill entry to the skills table with repository link and directory reference.
StyleSeed Documentation
skills/styleseed/SKILL.md
New documentation file introducing the StyleSeed design judgment engine, including 69 visual rules, 48 React components, 11 slash commands, quick start guide, and feature overview.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🌱✨ A new seed planted in the garden fair,
StyleSeed blooms with rules beyond compare,
Colors dance, shadows align so true,
Design judgment guides in all you brew,
Brand skins swap as the UI grows bright! 🐰

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'Add new-skill: styleseed design judgment engine' directly and clearly summarizes the main change: adding a new skill module (StyleSeed) to the toolkit. It is specific, concise, and accurately reflects the core objective of the pull request.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Warning

⚠️ This pull request might be slop. It has been flagged by CodeRabbit slop detection and should be reviewed carefully.

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 2

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@README.md`:
- Line 561: The README row adding StyleSeed means the total curated skill count
and any summary strings (e.g., “35 curated skills”) are now stale; update every
occurrence of the curated-skills summary to reflect the new total (increment the
count by one wherever referenced) and ensure the table entry for "StyleSeed"
(skills/styleseed/) is consistent with the rest of the curated-skills list and
summary text.

In `@skills/styleseed/SKILL.md`:
- Around line 16-22: The quick-start in SKILL.md uses a local path that doesn't
exist; update the docs so users clone the styleseed repo before copying the
engine. Edit the section containing the cp command (the "Copy engine into your
project" block) to first run a git clone of
https://github.com/bitjaru/styleseed.git and then run cp -r styleseed/engine/*
your-project/ (or alternatively point readers to clone the repo manually),
ensuring the cp line no longer assumes an existing local styleseed/ directory.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 6a6516d6-4501-41f2-9fab-1ee270941e03

📥 Commits

Reviewing files that changed from the base of the PR and between 659efb0 and 8b564c2.

📒 Files selected for processing (2)
  • README.md
  • skills/styleseed/SKILL.md

Comment thread README.md
| WebSocket & Realtime | `skills/websocket-realtime/` | Socket.io, SSE, reconnection, scaling |
| Testing Strategies | `skills/testing-strategies/` | Contract testing, snapshot testing, property-based testing |
| Git Advanced | `skills/git-advanced/` | Worktrees, bisect, interactive rebase, hooks |
| [StyleSeed](https://github.com/bitjaru/styleseed) | `skills/styleseed/` | Design judgment: 69 visual rules, brand skins, professional UI |
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Update curated skill counts to stay consistent after adding StyleSeed.

Since this row adds another curated skill, summary/count references (e.g., “35 curated skills”) are now likely stale and should be incremented for consistency.

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@README.md` at line 561, The README row adding StyleSeed means the total
curated skill count and any summary strings (e.g., “35 curated skills”) are now
stale; update every occurrence of the curated-skills summary to reflect the new
total (increment the count by one wherever referenced) and ensure the table
entry for "StyleSeed" (skills/styleseed/) is consistent with the rest of the
curated-skills list and summary text.

Comment thread skills/styleseed/SKILL.md
Comment on lines +16 to +22
```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"
```
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major

Quick-start copy path is likely broken in this repo context.

On Line 18, cp -r styleseed/engine/* your-project/ references a path that does not appear to exist in this PR, so new users can’t execute this as written.

Proposed doc fix
 ```bash
-# Copy engine into your project
-cp -r styleseed/engine/* your-project/
+# Clone StyleSeed, then copy engine into your project
+git clone https://github.com/bitjaru/styleseed.git
+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"
</details>

<!-- suggestion_start -->

<details>
<summary>📝 Committable suggestion</summary>

> ‼️ **IMPORTANT**
> Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

```suggestion

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@skills/styleseed/SKILL.md` around lines 16 - 22, The quick-start in SKILL.md
uses a local path that doesn't exist; update the docs so users clone the
styleseed repo before copying the engine. Edit the section containing the cp
command (the "Copy engine into your project" block) to first run a git clone of
https://github.com/bitjaru/styleseed.git and then run cp -r styleseed/engine/*
your-project/ (or alternatively point readers to clone the repo manually),
ensuring the cp line no longer assumes an existing local styleseed/ directory.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant