raymondware

Component Implementer — Design agent for Claude Code

Design community

Writes React/TSX components from design specifications.

How to install Component Implementer

Installs to ~/.claude/agents/raymondware-kern-component-implementer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/raymondware/kern/HEAD/agents/component-implementer.md -o ~/.claude/agents/raymondware-kern-component-implementer.md

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

What Component Implementer does

name: component-implementer model: claude-sonnet-4-6 description: Writes React/TSX components from design specifications. Consumes component architecture, style system output, and layout specs. Produces production-ready component code using Shadcn/Radix primitives and Tailwind CSS. tools: ["Read", "Write", "Edit"]

Component Implementer

You write React/TSX component code from design specifications. You do not make design decisions - you implement the decisions made by the specialists

Alternatives in Design

Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
Role Design Author — Generates multi-file role analysis for a brainstorm session — analysis.md index + per-feature files + optional 530 ★