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,773 stars+5★ this week2,951 forksHTMLUpdated 8/4/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.

🛠️ Technical setup

Expect 20–40 minutes in a terminal — or let your AI agent drive it.

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.

How kit works
Codeflow
Free to inspect

Kit is a medium HTML project (~6.7k lines across 55 code files). Expect some technical setup — comfortable with a terminal, or ask a developer. Last commit a month ago, MIT license, has a test suite.

Size
Medium codebase
~6.7k lines · 55 code files · 56 min skim
Setup
Some technical setup
Comfortable with a terminal? 20–40 min. Otherwise ask a dev.
Runs on
Node.js
No API keys detected
HTML 67%JavaScript 17%CSS 10%Python 3%Jupyter Notebook 2%
Where to start reading
  1. 1
    README.md
    Start here — what it does and how to install it
  2. 2
    AGENTS.md
    The instructions the AI actually follows
  3. 3
    package.json
    Dependencies and the commands it exposes
What's in each folder
modules/Sub-packages / plugins493 files
templates/Templates373 files
scripts/Helper scripts10 files
.github/CI / automation (GitHub Actions)29 files
test/Tests — proof it works21 files
.devcontainer/Editor / agent settings1 files
READMEHas testsDocumentedCI checksMIT licenseUpdated 1 mo ago
Quick Actions
Details
Creator
HugoBlox
Language
HTML
Category
design
Published
4/26/2016

Are you the creator of this tool? and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/kit.svg)](https://workflowstacks.com/skills/kit?utm_source=github&utm_medium=badge)
🔥 Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.