design-skills

June 23, 2026 · View on GitHub

design-skills

Design tool skills — Figma, Sketch, Adobe XD, AI art tools

GitHub License Agent Skills

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)

SkillDescription
adobe-xdProvides comprehensive guidance for Adobe XD including design creation, prototyping, components, and collaboration. U...
algorithmic-artCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when user...
brand-guidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthrop...
canvas-designCreate 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

ResourceLink
Full Stack Skillsgithub.com/partme-ai/full-stack-skills
All Skill Groupsgithub.com/full-stack-skills
Agent Skills Specagentskills.io
Skills CLIgithub.com/vercel-labs/skills

📄 License

Apache 2.0 — see LICENSE.