textura-agency

Section — Design skill for Claude Code

Design community

Build one section from a Figma node.

How to install Section

Installs to ~/.claude/commands/textura-agency-next16-claude-starter-section.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/textura-agency/next16-claude-starter/HEAD/.claude/commands/section.md -o ~/.claude/commands/textura-agency-next16-claude-starter-section.md

Restart Claude Code, or start a new session, for it to be picked up.

What Section does

description: Build one section from a Figma node argument-hint: [section-name]

Build the section at: **$ARGUMENTS**

Use the `figma-to-section` skill. Non-negotiables:

Fetch both get_design_context (values, exact copy) and get_screenshot (layout). Never build from a description.
Record the fileKey and node ID in DESIGN-MAP.md so this section can be re-verified later.
Download assets to public/assets//, verify each with file, che

Alternatives in Design

Figma Implement Design — Translate Figma designs into production-ready code with pixel-perfect accuracy 14.6k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Drawbridge — Design editor for Claude Code and Cursor 960 ★