Generous-Corp

Import Design — Design skill for Claude Code

Design community

Import a design from an external tool (Figma, Stitch, v0, Pencil, Claude Design, DESIGN.md, or React JSX) into this Pulp project.

How to install Import Design

Installs to ~/.claude/commands/generous-corp-pulp-import-design.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/Generous-Corp/pulp/HEAD/.claude/commands/import-design.md -o ~/.claude/commands/generous-corp-pulp-import-design.md

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

What Import Design does

Import a design from an external tool (Figma, Stitch, v0, Pencil, Claude Design, DESIGN.md, or React JSX) into this Pulp project.

Detect which design source the user wants by checking:

If a Figma MCP server is available (com.figma.mcp), offer to read the current file/selection
If Stitch MCP is available (mcp__stitch__*), offer to list projects and get screens
If Pencil MCP is available (mcp__pencil__*), offer to read the current editor state
If the user mentions Claude Design or han

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 ★
Stitch Remotion — Generate walkthrough videos from app designs 2.6k ★