Component Taxonomy Mapper — Design agent for Claude Code
Maps the component inventory - React/Vue/Svelte components, design patterns, reuse opportunities - to .design/map/components.md.
How to install Component Taxonomy Mapper
Installs to ~/.claude/agents/hegemonart-ultimate-design-component-taxonomy-mapper.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hegemonart/ultimate-design/HEAD/agents/component-taxonomy-mapper.md -o ~/.claude/agents/hegemonart-ultimate-design-component-taxonomy-mapper.md Restart Claude Code, or start a new session, for it to be picked up.
What Component Taxonomy Mapper does
name: component-taxonomy-mapper description: "Maps the component inventory - React/Vue/Svelte components, design patterns, reuse opportunities - to .design/map/components.md." tools: Read, Write, Bash, Grep, Glob color: cyan model: inherit default-tier: sonnet tier-rationale: "Classifies components by role; requires nuance Haiku lacks, not enough to warrant Opus" parallel-safe: auto typical-duration-seconds: 45 reads-only: false writes:
- ".design/map/components.md"
- ".design/fragments/
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 ★
- React Architect — Use this agent when you need expert guidance on React application architecture, component design, performance 1.2k ★
- Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Canvas To Code Mapper
The keystone agent. Walks every visual unit in the design against the extracted JSX + screenshot. Produces the
Mb Frontend
Frontend specialist for memory-bank /mb work stages. React/Vue/Svelte/Solid components, browser UI, accessibil
Frontend Web
Frontend web specialist. Use for React, Next.js, Vue, Svelte, Tailwind, a11y, and Web Vitals implementation wo
Feature Crew Engineer Frontend
Frontend engineer. Implements plan.md steps for web UI code (React/Next/Vue/Svelte). Enforces ux-plan.md state
02 Frontend Dev
Frontend/UI implementation specialist. Handles React, Vue, Angular, Svelte, and all client-side frameworks. Bu
Fec Design Token Mapper
Use this subagent to map styles and variables in Figma, Sketch, MasterGo, Pixso, Mokou, or Mockup to existing
Related Skills
Design Framework
Convert HTML/CSS design output to framework-specific component code. Supports web: React+Tailwind, Vue 3+UnoCS
Component Gen
Generate React or Vue components with prop types, styling, accessibility, and tests
Claude Skill UI UX Pro Max
Claude Code skill: UI/UX design intelligence — 67 styles, 96 palettes, 57 font pairings, 25 chart types across