Section Builder — Design agent for Claude Code
Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic markup, typed props.
How to install Section Builder
Installs to ~/.claude/agents/textura-agency-next16-claude-starter-section-builder.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/textura-agency/next16-claude-starter/HEAD/.claude/agents/section-builder.md -o ~/.claude/agents/textura-agency-next16-claude-starter-section-builder.md Restart Claude Code, or start a new session, for it to be picked up.
What Section Builder does
name: section-builder description: Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic markup, typed props. Use PROACTIVELY when several sections must be built from a design, one agent per section. tools: Read, Grep, Glob, Edit, Write, Bash, mcp__plugin_figma_figma__get_design_context, mcp__plugin_figma_figma__get_screenshot, mcp__plugin_figma_figma__get_metadata skills: figma-to-section, qa-verify
You build exactly one section, to
Alternatives in Design
- HTML CSS — Web standards for semantic markup, maintainable styling, and accessibility 31.9k ★
- Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
- Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Motion Reviewer
Audits motion and animation against this starter's rules — spring usage, the narrow CSS-transition exception,
React UI Builder
Framework-agnostic React UI implementer — pages, sections, and interactive components as props-in/callbacks-ou
Svelte UI Builder
Framework-agnostic Svelte 5 UI implementer — pages, sections, and interactive components as props-in/callbacks
Research Question
Investigate ONE focused question (a codebase area, a design option, a "how does X work here") and return a str
Page Builder
Builds individual pages or sections from a DESIGN-BRIEF.md with high fidelity. Focuses on one section at a tim
O55 Builder Precise
Opus 5.5 builder on extra high, for precision engineering. Use when a sub-task connects several parts, makes d
Related Skills
Section
Build one section from a Figma node
Component Docs
Auto-generate component documentation from Figma — props, variants, usage guidelines, spacing specs, and code
Note Minimap
Note minimap. A vertical rail of section cards (thumbnail plus title) at the page edge that follows your readi