hegemonart

Design Component Generator — Data & AI agent for Claude Code

Data & AI community

Generates UI components via AI-native design tools (21st.dev Magic MCP or Magic Patterns).

How to install Design Component Generator

Installs to ~/.claude/agents/hegemonart-ultimate-design-design-component-generator.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hegemonart/ultimate-design/HEAD/agents/design-component-generator.md -o ~/.claude/agents/hegemonart-ultimate-design-design-component-generator.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Component Generator does

name: design-component-generator description: Generates UI components via AI-native design tools (21st.dev Magic MCP or Magic Patterns). Proposal→confirm, dry-run, DS-aware. Shared agent with impl sections for each tool. tools: Read, Write, Bash, Grep, Glob color: blue model: inherit default-tier: sonnet tier-rationale: "Component generation + DS adaptation requires synthesis quality - Sonnet" size_budget: LARGE parallel-safe: never typical-duration-seconds: 120 reads-only: false writes:

Alternatives in Data & AI

Callstackincubator — A collection of agent-optimized React Native skills for AI coding assistants 1k ★
Module Developer — Use this agent when developing features inside a LaraDashboard module — writing controllers, services, models 407 ★
ZeroClaw Android — Run AI agents 24/7 on your Android phone 281 ★