Component Architect banner
wallarm wallarm

Component Architect

Design community

Description

--- name: component-architect description: "Use this agent to design a new compound component before implementation. It analyzes requirements, selects the right composition pattern, designs the public API (sub-components, props, context, hooks), and outputs a design spec.\n\nExamples:\n\n- User: \"Design a Dialog component\"\n Assistant: \"I'll design the Dialog compound component architecture.\"\n <launches agent via Task tool>\n\n- User: \"I need a Stepper/Wizard component\"\n Assistant: \"

Installation

Installs to ~/.claude/agents/wallarm-design-system-component-architect.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/wallarm/design-system/HEAD/.claude/agents/component-architect.md -o ~/.claude/agents/wallarm-design-system-component-architect.md

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

Full documentation available on GitHub

View Source Repository