Tooluck logoTooluck
SKILL.md

claude-design

Agent skill fromJimLiu/baoyu-design

Make and revise designs in the Design (canvas) artifact format (project/canvas.json plus one .dc.html Design Component file per artboard) as local files, then open them in a local canvas editor where the user can view the artboards side by side, retype copy and adjust tweaks. Use when the user asks for an editable canvas of artboards in this format, names claude-design or the Design (canvas) type, or wants to revise a folder that holds project/canvas.json. Not for a one-off HTML prototype or a design exploration outside this format.

How to install claude-design

install claude-design
# install the baoyu-design pack with the skills CLI
npx skills add JimLiu/baoyu-design

# or add only this skill to Claude Code: copy the folder

skills/claude-design/

# into

~/.claude/skills/claude-design/ (all projects)

.claude/skills/claude-design/ (one project)

Read SKILL.md on GitHubThis repository's license doesn't allow showing an excerpt here.

More skills in baoyu-design

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates