Shoufa
Open source · MIT

Your first product, live.
No code.

A skill for Claude Code and other agents. Click through a short form in your browser, get a personal homepage, a product page or a small working tool, and put it online for free.

npx skills add kehaoran-ai/shoufa
Try the form
The Shoufa start form: three looks on the left, a full sample page on the right

Made with Shoufa

Each one was built by an agent with nothing but the skill and a set of form answers. Open any of them; the tools work.

Pages

Tools you can use

Tool data stays in your own browser. The records in the screenshots were added for display.

Five steps from an idea to a link

You click choices. The agent handles every command and file.

  1. Pick a look

    Three looks, each shown as a full sample page next to the choices.

  2. Say what you're making

    A homepage, a product page, a working tool, or one sentence of your own.

  3. Add details, if you like

    Name, story, photos, work, prices. The more you add, the more it is yours.

  4. Preview

    Switch look and colour, check the phone view, ask for changes.

  5. Go live for free

    A guide through a free Cloudflare account; the agent uploads and hands you a link.

MonoBlack and white, a dot grid, white panels
BlueprintGrid paper, ink lines, a button you want to press
SoftWarm paper, round shapes, your colour on the button

Install

You need Python 3 (already on a Mac). Going live also needs Node.js; the guide shows how to get it.

Claude Code
/plugin marketplace add kehaoran-ai/shoufa
/plugin install shoufa@shoufa
Any agent that reads skills
npx skills add kehaoran-ai/shoufa

Then tell your agent: "I want to make a homepage for myself", or "make me a little budgeting tool".

Questions

Does it cost anything?
No. The skill is free and open source, and Cloudflare hosts small sites for free.
Will it ask for my passwords?
No. Cloudflare asks you on its own page whether this computer may publish for you. The agent never sees your password.
Can I change it later?
Yes. Tell your agent what to change; it edits and publishes again.
Can I use my own domain?
Yes, add it in the Cloudflare dashboard once the page is live.

Click through the form and see what you'd get

The demo has no agent behind it, but every look and colour switch works.

Open the form