# Design Pull

Pull a Claude Design project into a local, git-ignored design folder and keep a...

- Repository: https://github.com/webiny/webiny-js (8051 stars)
- Category: Design
- License: see repository
- Last updated: 2026-10-30
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add webiny/webiny-js --skill design-pull -g -a claude-code -y`
Codex: `npx skills add webiny/webiny-js --skill design-pull -g -a codex -y`
Cursor: `npx skills add webiny/webiny-js --skill design-pull -g -a cursor -y`
Gemini CLI: `npx skills add webiny/webiny-js --skill design-pull -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 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.

1. **The `claude-design` MCP server.** Each developer adds it once, then signs in:

   ```
   claude mcp add --transport http claude-design https://api.anthropic.com/v1/design/mcp
   ```

   Then run `/mcp`, select `claude-design` and choose Authenticate. A new session may be needed before the tools appear.

2. **The MCP output limit.** Add this to the repository's `.claude/settings.local.json` (local, not committed):

   ```json
   { "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.

3. **Dependencies installed** (`yarn`), so `yarn tsx` works.

## Rules

The rest: https://github.com/webiny/webiny-js/blob/HEAD/.claude/skills/design-pull/SKILL.md