Turn a screen recording of a design into a detailed prompt an AI agent can build in one shot
Load a reusable skill for building a landing page, pricing page, or scroll animation
Convert an existing HTML page into reusable prompts for individual sections or effects
Give Claude, Codex, or Cursor a consistent, versioned playbook instead of a one-off chat prompt
| mengto/skills | isjiamu/gzh-design-skill | yyx990803/build-your-own-mint | |
|---|---|---|---|
| Stars | 2,481 | 2,429 | 2,538 |
| Language | HTML | HTML | HTML |
| Last pushed | — | — | 2022-12-10 |
| Maintenance | — | — | Dormant |
| Setup difficulty | easy | easy | moderate |
| Complexity | 2/5 | 2/5 | 3/5 |
| Audience | designer | writer | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
No installation, copy the relevant SKILL.md folder into your agent's skills directory or reference it directly.
Skills is a large collection of ready made instruction files, called agent skills, meant to be used with AI coding assistants like Claude, Codex, and Cursor when someone is building websites, landing pages, and animated interfaces. Instead of writing a fresh prompt every time you want an AI to build a similar type of page or effect, each skill packages up a proven way of doing that task once, so you can reuse it again and again. Each skill is a small, self contained folder with a required file describing exactly what the task is, when to use it, and the steps the AI agent should follow, plus optional supporting files like example images, helper scripts, and background articles. Most skills also include a working sample page and a matching prompt so you can see, and even recreate, the result the skill is meant to produce. The collection is organized into a few main groups. One set focuses on turning a screen recording of a design or animation into a very detailed prompt an AI can use to recreate it as a finished webpage in one attempt. Another large group covers specific web design building blocks, such as pricing pages, landing pages, scroll based animations, and three dimensional or WebGL visual effects, each with its own step by step instructions and reference material. There is also a smaller set of general purpose Codex workflows for things like drafting support emails or generating voiceovers, and a design prompting system that walks through choosing layout, color, and type before generating anything. The project's overall philosophy is that good prompts and design decisions should be saved as reusable files rather than typed out fresh every time, and that specific, well defined instructions produce far more consistent results than vague requests. This tool is aimed at designers, frontend developers, and anyone building websites or interfaces with the help of an AI coding agent, and using it well means being comfortable working with markdown files, HTML, and whichever AI tool you plug the skills into.
A library of reusable agent skill files that teach AI coding assistants proven, repeatable workflows for building web design and animation.
Mainly HTML. The stack also includes HTML, CSS, JavaScript.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly designer.
This repo across BitVibe Labs
Don't trust strangers blindly. Verify against the repo.