Updated 1mo ago
by iamzifei
james-design
Expert UI design skill for Claude Code — create hi-fi HTML designs, prototypes, slide decks, and animations
39 GitHub stars (39)
+1 in 10 days
| Period | New stars |
|---|---|
| Oct 1 | 0 |
| Oct 2 | 0 |
| Oct 3 | 0 |
| Oct 4 | 0 |
| Oct 5 | 0 |
| Oct 6 | +1 |
| Oct 7 | 0 |
| Oct 8 | 0 |
| Oct 9 | 0 |
| Oct 10 | 0 |
- 1 skill (1 skills found in its SKILL.md files)
- 3 forks (3 forks)
- 1mo ago last update (Last updated 1mo ago)
Install
Skills CLI
npx skills add iamzifei/james-design
Asks which agents to install it for. Add -g to install it for every project.
Claude Code
git clone https://github.com/iamzifei/james-designcp -r "james-design" ~/.claude/skills/james-design
Copies the james-design skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project).
Plugin
/plugin marketplace add iamzifei/james-design
Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.
Skills can run code on your machine — read the SKILL.md first.
What it does
In the author's own words, from each skill's SKILL.md.
-
james-design
Expert UI design skill. Creates high-fidelity HTML designs, interactive prototypes, slide decks, animations, and visual explorations. Use when user asks to design, prototype, create UI, make slides, create mockups, build interactive demos, design interfaces, or explore visual options. Triggers: /design, /prototype, /ui, /mockup, /slides, /deck, "design a", "prototype", "mockup", "make a UI", "cre…
SKILL.md on GitHub (opens in a new tab)
No skill matches that filter.
Review before you install
A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.
Similar skills
-
ECCby affaan-m The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Cod…
-
andrej-karpathy-skillsby multica-ai A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
-
ponytailby DietrichGebert Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
-
ui-ux-pro-max-skillby nextlevelbuilder An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
-
graphifyby Graphify-Labs Turn any codebase, with its docs, SQL schemas, configs, and PDFs, into a queryable knowledge graph. A /graphify skill for Claude Code, Curs…
-
cavemanby JuliusBrussee 🪨 why use many token when few token do trick. Viral skill + proxy for coding agents that cuts 65% of tokens by talking like a caveman.