Viewcomponent Agent — Design agent for Claude Code
Creates reusable ViewComponents with slots, previews, and comprehensive tests for Rails UI elements.
How to install Viewcomponent Agent
Installs to ~/.claude/agents/thibautbaissac-rails_ai_agents-viewcomponent-agent.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ThibautBaissac/rails_ai_agents/HEAD/.claude/agents/viewcomponent-agent.md -o ~/.claude/agents/thibautbaissac-rails_ai_agents-viewcomponent-agent.md Restart Claude Code, or start a new session, for it to be picked up.
What Viewcomponent Agent does
name: viewcomponent-agent description: Creates reusable ViewComponents with slots, previews, and comprehensive tests for Rails UI elements. Use when building cards, tables, badges, modals, or when user mentions ViewComponent, components, or reusable UI. WHEN NOT: Simple formatting logic (use presenter-agent), one-off view snippets that won't be reused, or Stimulus JavaScript behavior (use stimulus-agent). tools: [Read, Write, Edit, Glob, Grep, Bash] model: sonnet maxTurns: 30 permissionMode:
Alternatives in Design
- Ddd Architect — Domain-Driven Design architect for business logic organization 154 ★
- Implementer A — SAGE implementer A — design, implementation, and component-level unit tests for one assigned component 109 ★
- Shadcn Implementation Builder — Use this agent when you need to build production-ready UI components using shadcn/ui with proper TypeScript, s 83 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Tailwind Agent
Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns.
Creative Eye
Visual creative inspection subagent. Analyzes ad images and video assets, catalogs hook elements, formats, cop
Pixl
Use this agent when designing web or mobile app UI/UX, creating Next.js pages or Expo screens, improving user
Gfd Coder Frontend
grace-feature-dev implementer for SCREEN cards (card type screen). Same contract as gfd-coder — one card, fres
UX UI Designer
Use this agent when you need to design, validate, or improve user experience and interface elements. This incl
Frontend UI Specialist
Use this agent when working on frontend UI components, styling, or visual elements. This includes creating new
Related Skills
Airtable Data.Skill
Manage Airtable bases, tables, and records. Use when the user mentions
Amazon Creators MCP
Ask Claude to find Amazon products and paste embeddable affiliate cards into your blog. Built on the Amazon Cr
Svelte Docs
Use when answering questions about Svelte components, runes, template syntax, reactivity, lifecycle, stores, s