Describe Component — AI skill for Claude Code
Write a six-section AI-optimised prose description of one component for Figma MCP and LLMs.
How to install Describe Component
Installs to ~/.claude/skills/murphytrueman-design-system-ops-describe-component/SKILL.md
mkdir -p ~/.claude/skills/murphytrueman-design-system-ops-describe-component && curl -fsSL https://raw.githubusercontent.com/murphytrueman/design-system-ops/HEAD/commands/describe-component.md -o ~/.claude/skills/murphytrueman-design-system-ops-describe-component/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Describe Component does
description: Write a six-section AI-optimised prose description of one component for Figma MCP and LLMs allowed-tools: Read, Write, Grep, Glob, Bash(cat:*), Bash(find:*), Bash(head:*), Bash(ls:*), Bash(sort:*), Bash(tail:*), Bash(wc:*)
Run the ai-component-description skill to write a six-section, AI-optimised prose description for a design system component.
Load the ai-component-description skill from ${CLAUDE_PLUGIN_ROOT}/skills/ai-component-description/SKILL.md and follow its comple
Alternatives in AI
- Artifacts Builder — Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech 97.5k ★
- AIHawk — Open-source AI browser agent: describe any task in plain language and it autonomously browses, clicks, types a 30.3k ★
- Open Pencil — AI-native design editor 8k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Localfig
The Figma desktop app as an MCP server. Gives AI agents the full Figma Plugin API on your open file: read, wri
Component To Release Agent
Chains design-to-code, accessibility and token-compliance checks (three release gates), then the AI descriptio
Shain Design System Skill
Claude skill for token-based design systems in Figma — three-tier architecture, Light/Dark modes, BEM-style co
Quilt
AI-native infinite-canvas design tool: describe an app, get multi-screen HTML designs on an infinite canvas, c
Agent Tool Definition
Write a tool/function definition for an AI agent with a description that steers use and parameters it fills co
Planx
Write a self-contained chapter plan to docs/plans/ / / /<1NN>- / for another AI to write the prose.
Related Agents
Ds Figma Link
Use after a batch passes review, to write each component's code location back into Figma as a description plus
Figma Implementer
Turn a Figma design file into a build-ready specification — design variables mapped to Tailwind tokens, per-se
Design Analyzer
Reads the Figma source for a feature via MCP as structured data and writes .planning/[feature]/DESIGN.md — the