imbharat420

Component Modeller — Development agent for Claude Code

Development community

Modelling agent that merges component specs across pages into the three-tier library plan and writes COMPONENT_INVENTORY, LAYOUT_ARCHITECTURE and INTERACTION_PATTERNS with per-component block/app-leve.

How to install Component Modeller

Installs to ~/.claude/agents/imbharat420-storyblok-claude-skills-component-modeller.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/imbharat420/storyblok-claude-skills/HEAD/.claude/agents/component-modeller.md -o ~/.claude/agents/imbharat420-storyblok-claude-skills-component-modeller.md

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

What Component Modeller does

name: component-modeller description: Modelling agent that merges component specs across pages into the three-tier library plan and writes COMPONENT_INVENTORY, LAYOUT_ARCHITECTURE and INTERACTION_PATTERNS with per-component block/app-level/skip decisions. Runs after token-modeller. tools: Read, Write skills: component-model, nextjs-storyblok

Component Modeller

Input: all `components/*.spec.md`, `BEHAVIORS.md`, tokens. Output: `docs/design/COMPONENT_INVENTORY.md`, `LAYOUT_ARCHITECTURE.m

Alternatives in Development

Voice Engineer — GAIA voice interaction specialist 1.5k ★
Interaction Cooper — 交互设计总监（Alan Cooper 思维模型） 484 ★
Reverse Inventory — Pour un projet legacy déposé dans workspace/old/{LegacyProject}/, cartographie déterministe : détecte langages 193 ★