Skills for Real Engineers. Straight from my .agents directory.
claude-design-system
Agent skill fromJimLiu/baoyu-design
Create and revise design systems in the Design System artifact format (project/design-system.json, tokens.json, a README brand book, component previews, fonts and asset groups) as local files, then open them in a local design-system page where the user can browse and edit tokens, type, components and assets. Use when the user asks for a design system or brand kit in this format, built from a code repository, a design tool or scratch, names claude-design-system or the Design System type, or wants to revise a folder that holds project/design-system.json. claude-slides and claude-design install these systems. Not for a free-form HTML style guide, UI kit or token page.
How to install claude-design-system
npx skills add JimLiu/baoyu-design# or add only this skill to Claude Code: copy the folder
skills/claude-design-system/
# into
~/.claude/skills/claude-design-system/ (all projects)
.claude/skills/claude-design-system/ (one project)
More skills in baoyu-design
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
