[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73598":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":36,"lastSyncTime":37,"discoverSource":38},73598,"cc-wf-studio","breaking-brake\u002Fcc-wf-studio","breaking-brake","CC Workflow Studio","https:\u002F\u002Fopen-vsx.org\u002Fextension\u002Fbreaking-brake\u002Fcc-wf-studio",null,"TypeScript",5103,555,22,13,0,18,30,138,54,39.24,"Other",false,"main",[26,27,28,29,30,31,32],"agent-skills","claude-code","mcp-tools","slash-commands","sub-agents","vscode-extension","workflow-automation","2026-06-12 02:03:15","\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fresources\u002Ficon-large.png\" alt=\"CC Workflow Studio Icon\" width=\"128\">\n\u003C\u002Fp>\n\n# CC Workflow Studio\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fbreaking-brake\u002Fcc-wf-studio\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fbreaking-brake\u002Fcc-wf-studio\" alt=\"GitHub Stars\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=breaking-brake.cc-wf-studio\">\u003Cimg src=\"https:\u002F\u002Fvsmarketplacebadges.dev\u002Fversion-short\u002Fbreaking-brake.cc-wf-studio.svg?label=VS%20Marketplace\" alt=\"VS Code Marketplace\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fopen-vsx.org\u002Fextension\u002Fbreaking-brake\u002Fcc-wf-studio\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fopen-vsx\u002Fv\u002Fbreaking-brake\u002Fcc-wf-studio?label=OpenVSX\" alt=\"OpenVSX\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fdeepwiki.com\u002Fbreaking-brake\u002Fcc-wf-studio\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FAsk-DeepWiki-009485\" alt=\"Ask DeepWiki\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fresources\u002Fhero.png\" alt=\"CC Workflow Studio\" width=\"800\">\n\u003C\u002Fp>\n\n**You think visually. AI thinks in `.md`. CC Workflow Studio speaks both.**\n\nDesign workflows on a canvas. Export as Markdown your AI agent already understands. No more prompt-guessing.\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fspeakerdeck.com\u002Fseiyakobayashi\u002Fcc-workflow-studio\">\n    \u003Cimg src=\".\u002Fresources\u002Fdeck-preview.png\" alt=\"Learn more: Why CC Workflow Studio?\" width=\"600\">\n  \u003C\u002Fa>\n  \u003Cbr>\n  \u003Cem>Why CC Workflow Studio? - Speaker Deck Link\u003C\u002Fem>\n\u003C\u002Fp>\n\n---\n\n## Supported Agents\n\n| Agent | Export Format | Requires |\n|-------|--------------|----------|\n| Claude Code | `.claude\u002Fagents\u002F` `.claude\u002Fcommands\u002F` | [Claude Code](https:\u002F\u002Fgithub.com\u002Fanthropics\u002Fclaude-code) |\n| GitHub Copilot Chat | `.github\u002Fprompts\u002F` | [Copilot Chat](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=GitHub.copilot-chat) |\n| GitHub Copilot CLI | `.github\u002Fskills\u002F` | [Copilot CLI](https:\u002F\u002Fgithub.com\u002Fgithub\u002Fcopilot-cli) |\n| OpenAI Codex CLI | `.codex\u002Fskills\u002F` | [Codex CLI](https:\u002F\u002Fgithub.com\u002Fopenai\u002Fcodex) |\n| Roo Code | `.roo\u002Fskills\u002F` | [Roo Code](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=RooVeterinaryInc.roo-cline) |\n| Gemini CLI | `.gemini\u002Fskills\u002F` | [Gemini CLI](https:\u002F\u002Fgithub.com\u002Fgoogle-gemini\u002Fgemini-cli) |\n| Antigravity | `.agent\u002Fskills\u002F` | [Antigravity](https:\u002F\u002Fantigravity.google\u002F) |\n| Cursor | `.cursor\u002Fagents\u002F` `.cursor\u002Fskills\u002F` | [Cursor](https:\u002F\u002Fgithub.com\u002Fcursor\u002Fcursor) |\n\n> **Note:** Agents other than Claude Code require activation from Toolbar's **More** menu.\n\n\u003C!-- Hero image placeholder - recommended size: 1600x900px or 16:9 aspect ratio -->\n\u003C!-- Place image at: \u002Fresources\u002Fhero.png -->\n\n---\n\n\u003C!-- AI Edit Demo GIF: MCP Server-based Workflow Editing -->\n\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fresources\u002Fdemo_edit_with_ai.gif\" alt=\"AI-Assisted Workflow Creation Demo - MCP Server-based Editing\" width=\"800\">\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cem>✨ Edit with AI: AI agents (Claude Code, GitHub Copilot, etc.) create workflows through natural language via MCP Server\u003C\u002Fem>\n\u003C\u002Fp>\n\n---\n\n\u003C!-- Run Workflow Demo GIF -->\n\u003Cp align=\"center\">\n  \u003Cimg src=\".\u002Fresources\u002Fdemo_run_workflow.gif\" alt=\"Run Workflow Demo - Execute workflows directly from the editor\" width=\"800\">\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Cem>▶️ Run workflows directly from the editor – See your AI automation in action instantly\u003C\u002Fem>\n\u003C\u002Fp>\n\n---\n\n## Key Features\n\n🔀 **Visual Workflow Editor** - Intuitive drag-and-drop canvas for designing AI agent orchestrations without code\n\n🤖 **Agentic Engineering** - Design multi-agent workflows with Sub-Agent orchestration, Agent Skills, and MCP tool integration — the building blocks of agentic engineering\n\n✨ **Edit with AI** - Iteratively improve workflows through conversational AI - ask for changes, add features, or refine logic with natural language feedback\n\n⚡ **One-Click Export & Run** - Export workflows to ready-to-use formats and run directly from the editor\n\n## How to Use\n\n### Launch the Extension\n\n- Click the \u003Cimg src=\".\u002Fresources\u002Ficon.png\" alt=\"icon\" height=\"16\" style=\"vertical-align: middle\"> icon in the top-right corner of the editor\n- Or: Command Palette (`Cmd+Shift+P`) → **\"CC Workflow Studio: Open Editor\"**\n\n### Create a Workflow\n\n- Add nodes from the palette and configure their settings, or use [Edit with AI](#edit-with-ai).\n\n### Save & Load\n\n- Click Save \u003Cimg src=\".\u002Fresources\u002Ficon-save.png\" alt=\"save\" height=\"16\" style=\"vertical-align: middle\"> button in the toolbar to store your workflow as `.vscode\u002Fworkflows\u002F*.json`\n- Click Load \u003Cimg src=\".\u002Fresources\u002Ficon-file-down.png\" alt=\"load\" height=\"16\" style=\"vertical-align: middle\"> button in the toolbar to open a saved `.json` workflow\n\n### Export & Run\n\n- Click Export \u003Cimg src=\".\u002Fresources\u002Ficon-export.png\" alt=\"export\" height=\"16\" style=\"vertical-align: middle\"> button in the toolbar to create a `.md` slash command or agent skill (use `\u002Fworkflow-name` in AI coding agents)\n- Click Run \u003Cimg src=\".\u002Fresources\u002Ficon-play.png\" alt=\"run\" height=\"16\" style=\"vertical-align: middle\"> button in the toolbar to run your workflow directly in AI coding agents\n\n### Edit with AI\n\n- Click Edit with AI \u003Cimg src=\".\u002Fresources\u002Ficon-sparkles.png\" alt=\"sparkles\" height=\"16\" style=\"vertical-align: middle\"> button in the toolbar to generate or refine workflows with natural language\n- **Native with MCP Server**: Click an AI agent button in the Edit with AI panel to launch native AI editing. The MCP server starts automatically behind the scenes.\n\n```mermaid\nsequenceDiagram\n    actor User\n    box VS Code (CC Workflow Studio)\n        participant UI as Editor UI\n        participant MCP as MCP Server\n    end\n    participant Agent as AI Agent\n\n    User->>UI: Click agent button\n    UI->>MCP: Auto start server\n    UI->>Agent: Launch with editing skill\n\n    loop AI edits workflow\n        Agent->>MCP: get_workflow\n        MCP-->>Agent: workflow JSON\n        Agent->>MCP: apply_workflow\n        MCP->>UI: Update canvas\n    end\n```\n\n## Usage Examples\n\nComing soon - Sample workflows and tutorials are under development.\n\n## License\n\nThis project is licensed under the **GNU Affero General Public License v3.0** (AGPL-3.0-or-later).\n\nSee the [LICENSE](.\u002FLICENSE) file for the full license text.\n\n### What this means\n\n- You can use, modify, and distribute this software\n- If you modify and deploy this software (including as a network service), you must:\n  - Make your modified source code available under AGPL-3.0\n  - Provide access to the source code for users interacting with the service\n- Commercial use is allowed, but proprietary modifications are not\n\nCopyright (c) 2025 breaking-brake\n\n## Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=breaking-brake\u002Fcc-wf-studio&type=Date)](https:\u002F\u002Fstar-history.com\u002F#breaking-brake\u002Fcc-wf-studio&Date)\n\n## Acknowledgments\n\nBuilt with [React Flow](https:\u002F\u002Freactflow.dev\u002F) • Powered by [Claude Code](https:\u002F\u002Fclaude.com\u002Fclaude-code) • Inspired by [Dify](https:\u002F\u002Fdify.ai\u002F)\n\n---\n\n**Made with CC Workflow Studio**\n","CC Workflow Studio 是一个用于设计和导出工作流的可视化工具。其核心功能包括在画布上直观地创建流程，并能够将这些流程以Markdown格式导出，以便与多种AI代理无缝集成，如Claude Code、GitHub Copilot等，从而实现无需手动编写复杂提示的工作流自动化。该工具基于TypeScript开发，支持通过自然语言指令借助MCP服务器辅助编辑工作流。适用于需要快速构建、测试及部署自动化任务的开发者或团队，特别是在涉及多步骤处理且希望利用现有AI技术提升效率的场景中表现尤为突出。",2,"2026-06-11 03:46:19","high_star"]