saas-starter

styleseed: Elevate Your AI‑Generated UI with Proven Design Rules

Name: styleseed: Elevate Your AI‑Generated UI with Proven Design Rules
Author: bitjaru

Boost your product’s look with 74 design rules, 48 components, and 7 brand skins. Ideal for founders using Claude Code, Codex or Cursor who want UI that feels handcrafted, not AI‑generated.

From the repo · “Design engine for Claude Code, Codex & Cursor — teaches design judgment, not just data. 74 rules, 48 components, 7 brand skins (Toss/Stripe/Linear/Notion/Raycast/Arc/Vercel), a named motion system (5 seeds + 20+ moves), 15 /ss-* skills. Stop shipping AI UI that looks generated. MIT.”

985 stars+7★ this week92 forksTypeScriptGuide quality 9/10 · reviewed Oct 22Updated 10/22/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.

top-level files

folders

77.7M

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/

examples/

extensions/

packaging/

research/

scripts/

showcase/

skills/

skins/

.gitattributes

.gitignore

AGENTS.md

CHANGELOG.md

CODE_OF_CONDUCT.md

CONTRIBUTING.md

LICENSE

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.

Quick Actions

Details

Creator

bitjaru

Language

TypeScript

Related skills

More saas-starter tools founders pair with this one.

saas-starter★ 45,390

hyperswitch: Scalable Payments Platform for SaaS Founders

hyperswitch lets founders launch a PCI‑compliant, composable payments stack—choose SaaS or self‑host, tap multiple providers, and cut processing costs. 45k+ GitHub stars.

saas-starter★ 30,419

better-auth: Seamless, Scalable Auth for SaaS Founders

Deploy a battle‑tested TypeScript auth suite—OAuth, OIDC, SSO, Stripe billing—in minutes. Ideal for founders building secure SaaS products. 30k+ GitHub stars.

saas-starter★ 23,697

react-starter-kit: Launch a fast SaaS app with Bun, TS & Tailwind

A production‑ready monorepo that gives founders a ready‑made React, TypeScript, Bun, tRPC and Stripe stack with Cloudflare Workers—24k+ GitHub stars.

saas-starter★ 800

nextjs-starter: Launch a multilingual SaaS quickly with Next.js 16

A lean Next.js 16 boilerplate that gives founders i18n-ready, Tailwind‑styled SaaS foundations out of the box. Ideal for fast, global product launches.

saas-starter★ 1,648

React-Landing-Page-Template

A simple react one page landing page templates for startups/companies

saas-starter★ 4,958

saas-starter-kit: Jump‑start your enterprise SaaS with a Next.js & Tailwind foundation

A TypeScript‑powered boilerplate for founders building SaaS products, offering auth, API, and UI scaffolding out of the box. Backed by 5.0k+ GitHub stars.