Skills for Real Engineers. Straight from my .agents directory.
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
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)
More skills in baoyu-design
Similar skill repositories
An agentic skills framework & software development methodology that works.
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
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
Production-grade engineering skills for AI coding agents.
