AI Component Description

by murphytrueman

AI Component Description is an AI Engineering skill for Claude Code, published by murphytrueman in design-system-ops.

176 stars7 forkson murphytrueman/design-system-opsAdded 2026/09/07+1% in starsRepository updated 2026/08/22

View source on GitHub Download repo ZIP

claude-codeclaude-code-plugindesign-systemdesign-systemsdesign-tokensfigmaskills

Install in seconds

Install AI Component Description

Copy AI Component Description into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/murphytrueman/design-system-ops/tree/main/skills/ai-component-description ~/.claude/skills/ai-component-description

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/murphytrueman/design-system-ops.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: skills/ai-component-description/SKILL.md in murphytrueman/design-system-ops
Installs to: ~/.claude/skills/ai-component-description
Collection: One of 25 skills cataloged from this repository
Category: AI Engineering — 3475 skills

What AI Component Description does

AI Component Description generates six-section prose descriptions for components so LLMs can understand purpose, props, composition, accessibility, and examples. Use it when writing Figma MCP descriptions or other text meant to make components legible to Claude and similar agents.

AI Component Description is cataloged under AI Engineering on DirSkills. AI Component Description comes from a repository tagged claude-code, claude-code-plugin, design-system, design-systems and design-tokens.

Documentation

README

Excerpt

AI component description

A skill for generating structured component descriptions optimised for consumption by LLMs via Figma's MCP server. Output is a six-section description that gives an AI agent the information it needs to understand, compose, and generate from a component accurately — without relying on implicit knowledge, visual inference, or team context.

Context

This is the differentiating skill in Design System Ops. It encodes a methodology built through production use on a real AI-assisted design system and informed by the AI-readiness patterns in the knowledge notes.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about AI Component Description

What else does murphytrueman publish alongside AI Component Description?
AI Component Description is one of 25 skills that DirSkills catalogs from murphytrueman/design-system-ops, the repository it ships in. Its siblings there include Accessibility Per Component, Adoption Report and Backlog Generator. Each one is a separate skill with its own page in this directory, installs the same way AI Component Description does, and is maintained by murphytrueman in that same repository. The rest of the collection is listed on the murphytrueman/design-system-ops page.
How does AI Component Description compare to other AI Engineering skills?
AI Component Description ranks #3141 by stars among the 3475 AI Engineering skills in this catalog. The most-starred ones next to it are Architecture Decision Records, AI-First Engineering and Agentic OS. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of AI Component Description against them. Open each page to compare what they document and how they install.