design

Kit

Describe your site, AI builds it, you own it as Markdown. Snap together Tailwind blocks like Lego — landing pages, blogs, portfolios, docs & more. No AI slop. Free to deploy anywhere 👇
9,608 stars2,947 forksHTMLUpdated 7/29/2026100% free · open source
What it does

Kit is an AI tool that builds a website from your description and allows you to own it as Markdown, using Tailwind blocks to create landing pages, blogs, portfolios, and more.

When to use it
  • You need a quick and easy way to create a professional-looking website without extensive coding knowledge
  • You want to create a website using AI but still maintain full control and ownership of the code
  • You're looking to create a website with a specific design or layout using pre-built Tailwind blocks
Ready-to-paste prompt
Create a new file `index.md` in the `content` directory with the content '## Welcome to my website' and then run `kit build` to generate the HTML files
Heads up: Make sure you have Node.js (version 16 or higher) and npm installed on your system before cloning and running the kit repository
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/kit && curl -fsSL https://workflowstacks.com/api/skills/kit/claude-skill -o ~/.claude/skills/kit/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.

20
top-level files
6
folders
78.3M
source size
MIT
license
Key files
.cursorindexingignore
.editorconfig
AGENTS.md
package.json
README.md
README.zh.md
File tree
.devcontainer/
.github/
modules/
scripts/
templates/
test/
.cursorindexingignore
.editorconfig
.gitignore
.prettierignore
.prettierrc.js
.stylelintignore
AGENTS.md
biome.json
CITATION.cff
CLAUDE.md
CONTRIBUTING.md
hugoblox.code-workspace
LICENSE.md
package.json
pnpm-lock.yaml
poetry.lock
pyproject.toml
README.md
Quick Actions
Details
Creator
HugoBlox
Language
HTML
Category
design
Published
4/26/2016

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