daangnOfficial·19 Agent Skills Included

seed-design

Build, document, and ship a cross-platform design system with AI

Guides AI agents through building SEED Design System components across React, Lynx, and Figma. Covers component creation, design token generation, Figma-to-docs migration, versioning, and release workflows. Eliminates guesswork in multi-platform UI work with strict architecture gates, verification steps, and official docs routing.

1,079|89

↗

npx skills add daangn/seed-design --all -g -y

Available:

Directs the AI agent to read the AGENTS.md file in every directory before working there, follow per-folder conventions, and respect strict boundaries such as bun-only commands and no direct edits to generated files.

All Skills in This Repository (19)

Pure Emerald Level Indicators

📦 In Repo

daangn

react-docs-generator

Generate standardized MDX documentation for SEED Design System React components.

docs-consistency-checker

Validate consistency across SEED Design System documentation layers.

component-guidelines-docs

Generate Korean-language SEED component guideline docs from Rootage YAML.

react-headless-dev

Implement unstyled, logic-only React headless components and custom hooks with namespace exports.

chromatic-diff

Diagnoses Chromatic visual test diffs by comparing rendered Storybook DOM, styles, and tokens.

seed-create-component

Plans and implements SEED Design System components across React and Lynx platforms.

seed-changeset

Detects changed public packages in Git diffs and writes approved Korean changeset files.

seed-verify-figma-mcp-transports

Compares Figma MCP tool outputs across REST and WebSocket transports to detect drift.

seed-dev-figma-v3-migration-plugin

Maintains type-safe V2-to-V3 component mappings for the Figma migration plugin.

seed-change-plan

Analyzes SEED Design changes to determine impact scope, verification steps, and PR target branch.

seed-snapshot-release

Triggers and monitors GitHub Actions snapshot releases for pull requests via gh CLI.

seed-token-analysis

Analyzes SEED Design color tokens, alias chains, component usages, and WCAG contrast ratios.

Official

Advanced

Frequently Asked Questions

FAQPage Schema

How to install seed-design skills?▼

Run `npx skills add daangn/seed-design --all -g -y` in your terminal to install all skills in this suite globally.

What is SEED Design?▼

SEED is Karrot's open-source design system that delivers consistent UI from one token source to React, Lynx, iOS, Android, and Figma.

How do I create a new design system component with AI?▼

The create-component skill walks your agent through platform selection, architecture decisions, implementation, and verification gates for React and Lynx components.

Can AI migrate Figma designs into documentation?▼

Yes. The migrate-component-docs-from-figma skill extracts text and images from Figma layers and turns them into ready-to-publish MDX guideline pages.

Do these skills work with Claude Code and other AI agents?▼

Yes. All skills follow the standard SKILL.md format and run in Claude Code, Cursor, Codex, and other compatible agents.