Web Components Specialist — Development agent for Claude Code
name: web-components-specialist description: Web Components standards, Custom Elements, Shadow DOM, HTML templates, framework-agnostic component development.
How to install Web Components Specialist
Installs to ~/.claude/agents/lesleslie-fastblocks-web-components-specialist.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/lesleslie/fastblocks/HEAD/.claude/agents/web-components-specialist.md -o ~/.claude/agents/lesleslie-fastblocks-web-components-specialist.md Restart Claude Code, or start a new session, for it to be picked up.
What Web Components Specialist does
name: web-components-specialist description: Web Components standards, Custom Elements, Shadow DOM, HTML templates, framework-agnostic component development. Use for component architecture, lifecycle callbacks, and template/slot design. model: sonnet tools: Read, Write, Edit, Bash, Glob, Grep
Specializes in Web Components (Custom Elements, Shadow DOM, HTML templates, slots). Use for framework-agnostic UI components and d
Alternatives in Development
- Civitai Reuse Review — Reviews a feature segment in the main Civitai Next.js app (src/) for code that was rebuilt when it already exi 7.2k ★
- Redux Slice Author — Use this agent to create or modify Redux Toolkit slices in src/components/ / Slice.ts, register them in src/st 204 ★
- Dependency Tracer — Traces which components and scripts import a specific function from src/scripts/utils.js 108 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Angular
Angular/TypeScript frontend developer for web applications with standalone components, NgRx, and RxJS
Angular Reviewer
Angular 22 and TypeScript code review specialist — Signals, Signal Forms (stable), standalone components, RxJS
Code Refactor Master
Execute refactoring tasks — reorganize files, extract components, update imports, fix patterns across the code
Discovery Agent
Expert in Phase 1 discovery and context gathering for the plan workflow. Use when transforming initial user re
Scaffolder
Multi-file scaffolding in isolated context. Use when creating screens, managers, components, models, tests, mo
Architecture Generator
Meta-generator for PHP 8.4 architecture components. Coordinates DDD and integration pattern generation. Use PR
Related Skills
Frontend Design
When user asks to build web components, pages, applications, dashboards, or style/beautify web UICreate distinctive, production-grade frontend interfaces with high design quality
Opencode Vibe
🏄♂️ Next.js 16 web UI for OpenCode - real-time chat with streaming, SSE sync, and React Server Components
Symptomsync Web Change
Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase cl