Design Pull
Pull a Claude Design project into a local, git-ignored design folder and keep a...
Install
npx skills add webiny/webiny-js --skill design-pull -g -a claude-code -y- Repository
- webiny/webiny-js8.1k
- Category
- Design
- Updated
- 5d ago
- License
- See repository
- Context cost
- Mediumabout 1,934 tokens
- Runs scripts
- Yes, review before use
What it does
Pull a Claude Design project into a local, git-ignored design folder and keep a catalogue of what was pulled and implemented. Use for "/design-pull", "pull the design", "sync designs", or to mark a design file as implemented after committing UI code built from it.
design-pull
Mirrors a Claude Design project into <folder>/files/ and tracks each file in <folder>/catalogue.md. Read-only towards Claude Design.
Spec: docs/.bruno/specs/2026-10-07-design-pull-ask-skills-design.md.
Prerequisites
Check these before the first step. If the mcp__claude-design__* tools are missing, stop and show the user this section.
-
The
claude-designMCP server. Each developer adds it once, then signs in:claude mcp add --transport http claude-design https://api.anthropic.com/v1/design/mcpThen run
/mcp, selectclaude-designand choose Authenticate. A new session may be needed before the tools appear. -
The MCP output limit. Add this to the repository's
.claude/settings.local.json(local, not committed):{ "env": { "MAX_MCP_OUTPUT_TOKENS": "2000" } }With it, Claude Code saves every MCP result over about 8 KB to a file that the helper reads directly. Side effect: results from other MCP servers in this repository (codegraph, webiny) over about 8 KB are also saved to files instead of shown inline.
-
Dependencies installed (
yarn), soyarn tsxworks.
