Fec Architect — Data & AI agent for Claude Code
Use this subagent when the task involves page splitting, component architecture, state flow design, catalog planning, data flow design, module boundary demarcation, or large front-end refactoring.
How to install Fec Architect
Installs to ~/.claude/agents/bovinphang-frontend-craft-fec-architect.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/bovinphang/frontend-craft/HEAD/agents/fec-architect.md -o ~/.claude/agents/bovinphang-frontend-craft-fec-architect.md Restart Claude Code, or start a new session, for it to be picked up.
What Fec Architect does
name: fec-architect description: Use this subagent when the task involves page splitting, component architecture, state flow design, catalog planning, data flow design, module boundary demarcation, or large front-end refactoring. Save the architecture proposal report as a Markdown file. tools: Read, Edit, Write, MultiEdit, Glob, Grep, LS, Bash model: sonnet permissionMode: default maxTurns: 12 skills:
- fec-code-review
- fec-vue3-project-standard
- fec-react-project-standard
- fec-st
Alternatives in Data & AI
- Nodejs Expert — Use this agent for Node.js ES module patterns, TypeScript configuration and build tooling, monorepo NPM packag 434 ★
- Module Developer — Use this agent when developing features inside a LaraDashboard module — writing controllers, services, models 407 ★
- General Fullstack Developer — Use this agent proactively when you need end-to-end feature development that spans multiple layers of the appl 248 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Fe Architect
React/TS architecture advisory — component boundaries, data flow, state management, routing, module dependenci
Solidjs Architect
Use for SolidJS / SolidStart architectural work — scaffolding a new app, organizing folders, deciding where st
Sveltekit Builder
SvelteKit network-boundary implementer — routing, load functions, form actions, hooks, server endpoints, and t
Nextjs Builder
Next.js App Router network-boundary implementer — Server Component data fetching, Server Actions, route handle
Phyll Reviewer
Fresh-eyes UX reviewer for apps built with AI. Walks the app as a first-time end user with Phyll's browser too
Architecture Diagrammer
Explore a subsystem or module and produce Mermaid architecture diagrams documenting data flows, component rela
Related Skills
Safe Refactor
Test-safe file refactoring with facade pattern and incremental migration. Use when splitting large files to pr
Agents Md Architect
Detects which instruction file Claude Code actually loads (CLAUDE.md still wins if present) and generates a cr
Fec Debug
Front-end problem diagnosis and repair: covering build failures, runtime errors, UI exceptions, and interface