wallarm

Component Architect — Design agent for Claude Code

Design community

Use this agent to design a new compound component before implementation.

How to install Component Architect

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.

What Component Architect does

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 \n\n- User: \"I need a Stepper/Wizard component\"\n Assistant: \"

Alternatives in Design

Team Composition Analysis — Design optimal team structures, hiring plans, compensation strategies, and equity allocation for ear 31.9k ★
Module Reviewer — Use this agent to review a module's code quality, architecture compliance, and completeness against CRM/Starte 407 ★
Sub-Agent Architecture Reviewer Command — Analyzes system architecture, detects violations, suggests improvements, and generates visual documentation us 116 ★