mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-07-10 17:17:55 +00:00
fb3350ee0e
## Summary Reworks the Comfy MCP page's **"Set up Comfy MCP in three steps"** section to match the new design, and adds a per-action button `variant` option to `FeatureGrid01`. The three steps are now: | Step | Title | Action | | --- | --- | --- | | 1 | Copy the MCP URL | Copy field showing `https://cloud.comfy.org/mcp` | | 2 | Add the connector | Filled button **"COMFY CLOUD MCP DOCS" ↗** → MCP docs | | 3 | Connect and sign in | Filled button **"COMFY CLOUD SKILLS" ↗** → comfy-skills repo | ## Changes - **`FeatureGrid01.vue`** — add `variant?: 'default' | 'outline'` to the link card action; button now uses `card.action.variant ?? 'outline'` instead of a hardcoded outline, so callers can opt into the filled style. - **`config/routes.ts`** — add `mcpSkills` external link (`https://github.com/Comfy-Org/comfy-skills`). - **`i18n/translations.ts`** — refresh the `mcp.setup.*` copy (en + zh-CN): new subtitle, reworded steps, new `step2.cta` / `step3.cta`, drop the now-unused `step1.cta`. - **`SetupSection.vue`** — re-map cards: step 1 → copy field, steps 2 & 3 → filled link buttons. ## Test plan - [x] `pnpm typecheck` — 0 errors - [x] Pre-commit hooks (stylelint, oxfmt, oxlint, eslint, typecheck) pass - [ ] Visual check on `/mcp` and `/zh-CN/mcp` (copy field on step 1; two filled yellow CTAs with up-right arrows on steps 2 & 3) 🤖 Generated with [Claude Code](https://claude.com/claude-code) --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>