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 ★
- Cursor Talk To Figma MCP — TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to c 7k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Component To Release Agent
Chains design-to-code, accessibility and token-compliance checks (three release gates), then the AI descriptio
Localfig
The Figma desktop app as an MCP server. Gives AI agents the full Figma Plugin API on your open file: read, wri
Shain Design System Skill
Claude skill for token-based design systems in Figma — three-tier architecture, Light/Dark modes, BEM-style co
Agent Tool Definition
Write a tool/function definition for an AI agent with a description that steers use and parameters it fills co
Shared Skill Writer
You write Claude Code / agent skills. A skill is a Markdown file with YAML frontmatter that an AI agent loads
Quilt
AI-native infinite-canvas design tool: describe an app, get multi-screen HTML designs on an infinite canvas, c
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
Apple UI Implementer
Implements Apple-kit-accurate UI from a Figma URL or a description, in SwiftUI or Next.js. Use when the user w