design-skills
June 23, 2026 · View on GitHub
design-skills
Design tool skills — Figma, Sketch, Adobe XD, AI art tools
English | 简体中文
Introduction · Install · Skills · Supported Agents · Ecosystem
📖 Introduction
Design Tools Skills is a curated collection of Agent Skills for AI coding agents, part of the Full Stack Skills ecosystem maintained by PartMe.AI.
This package includes 4 skills. Each skill is a self-contained SKILL.md file that AI agents load on-demand.
📦 Install
npx skills add full-stack-skills/design-skills
Or install specific skills:
npx skills add full-stack-skills/design-skills --skill <skill-name>
🎯 Skills (4)
| Skill | Description |
|---|---|
adobe-xd | Provides comprehensive guidance for Adobe XD including design creation, prototyping, components, and collaboration. U... |
algorithmic-art | Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when user... |
brand-guidelines | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthrop... |
canvas-design | Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the us... |
🤖 Supported Agents
Works with Claude Code, Codex, Cursor, OpenCode, Gemini CLI, GitHub Copilot, Windsurf, and 70+ others.
Claude Code Installation
Option 1: npx skills CLI (Recommended)
npx skills add full-stack-skills/design-skills
Option 2: Manual Installation
git clone https://github.com/full-stack-skills/design-skills.git
cp -r design-skills/skills/* .claude/skills/
For more details, see the Claude Code Skills Guide and Agent Skills Spec.
🌐 Ecosystem
| Resource | Link |
|---|---|
| Full Stack Skills | github.com/partme-ai/full-stack-skills |
| All Skill Groups | github.com/full-stack-skills |
| Agent Skills Spec | agentskills.io |
| Skills CLI | github.com/vercel-labs/skills |
📄 License
Apache 2.0 — see LICENSE.