textura-agency

Section Builder — Design agent for Claude Code

Design community

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

Terminal
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 Repository