saas-starter

Design Better AI UI with Styleseed

Get a design engine for Claude Code, Codex, and Cursor, ideal for founders building AI-driven products
905 stars83 forksTypeScriptGuide quality 8/10Updated 8/19/2026100% free · open source
What it does

Styleseed is a design engine that helps founders building AI-driven products create consistent and professional-looking user interfaces with pre-defined rules, components, and brand skins.

When to use it
  • You're building an AI-driven product with Claude Code, Codex, or Cursor and want a consistent design language
  • You want to create a professional-looking UI without hiring a designer
  • You need to create multiple variations of your product's UI with different brand identities
Ready-to-paste prompt
Use the `styleseed` design engine to generate a UI component with the Notion brand skin and a specific set of design rules, for example: `styleseed generate --skin notion --rule padding:16px`
Heads up: Make sure you have the necessary dependencies and TypeScript configured in your project, as Styleseed is written in TypeScript and requires it to run
Saves to your device
Use with Claude
New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install
Claude Code
mkdir -p ~/.claude/skills/styleseed && curl -fsSL https://workflowstacks.com/api/skills/styleseed/claude-skill -o ~/.claude/skills/styleseed/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

What's inside — free to inspect

No purchase needed

Read the entire source before you build — unlike paid marketplaces that hide it behind a buy button.

12
top-level files
15
folders
76.5M
source size
MIT
license
Key files
AGENTS.md
README-KR.md
README.md
File tree
.agents/
.claude-plugin/
.codex-plugin/
.github/
.styleseed/
assets/
demo-pricing/
docs/
engine/
extensions/
packaging/
scripts/
showcase/
skills/
skins/
.gitattributes
.gitignore
AGENTS.md
CHANGELOG.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE
README-KR.md
README.md
Quick Actions
Details
Creator
bitjaru
Language
TypeScript
Category
saas-starter
Published
4/7/2026

Are you the creator of this tool? Claim your listing → and earn 85% of every sale.