md-claude：Claude Code插件市场的新尝试——可视化设计与智能工作流双引擎

md-claude是专为Claude Code设计的插件市场新尝试，核心在于提供两大创新插件及配套工具：

• design插件：画布优先的HTML/JSX原型迭代能力，支持所见即所得设计
• flow插件：基于.ai工作空间的智能代理工作流循环系统
• mdcc CLI工具：统一命令行入口，配合插件形成完整开发体验 项目旨在通过可视化设计与智能工作流双引擎，增强Claude Code生态的开发环境。

随着AI辅助编程工具快速发展，开发者对集成化、可扩展开发环境需求日益增长。md-claude项目应运而生，作为Claude Code的插件市场，以模块化扩展方式提供丰富交互体验和自动化工作流程支持。其核心理念是将可视化设计与智能代理工作流相结合，打造围绕Claude Code生态的增强型开发环境。

design插件定位为直观的HTML/JSX原型设计工具，强调'所见即所得'，关键特性包括：

• Cmd+Click元素选择：通过快捷键直接在画布选取UI元素，降低设计门槛
• 自动管理开发服务器：内置轻量级服务器，实时响应设计变更，无需手动刷新
• 链式UX/DS评审机制：集成用户体验（UX）和设计系统（DS）评审流程，设计阶段发现潜在问题

flow插件构建基于.ai工作空间的智能代理循环系统，工作流程包括： /flow:plan（规划）、/flow:execute（执行）、/flow:utils-verify（验证）、/flow:validate（确认）、/flow:done（完成）、/flow:init（初始化）、/flow:record-ddr（决策记录）、/flow:scenario（场景管理） mdcc CLI作为统一入口，提供：

• mdcc init：从flow模板搭建.ai工作空间
• mdcc design serve：启动design插件开发服务器
• claude-design-server：开发服务器别名（向后兼容）

技术实现与工程实践：

1. 工作空间架构：采用pnpm monorepo，包含根目录（npm包@1agh/md-claude）、site/（Fumadocs+Next.js文档站）、plugins/design/dev-server/（零依赖Node服务器）等
2. 版本管理：使用Changesets确保npm包与插件版本一致，发布流程含变更记录、版本同步、自动发布
3. 依赖策略：Node≥20运行时，零运行时npm依赖，可选agent-browser用于截图收集

使用场景与集成方式：

• 插件安装：通过Claude Code市场命令（/plugin marketplace add 1aGh/md-claude等）
• npm安装：npm i -g @1agh/md-claude或直接从GitHub安装
• 工作流初始化：
  1. mdcc init（搭建.ai工作空间）
  2. Claude Code中执行/init（生成CLAUDE.md）、/flow:init（生成配置）、/flow:status（确认配置）

项目意义与行业价值：

1. 插件化架构：扩展Claude Code能力边界，形成可复用工具生态
2. 可视化与自动化结合：design插件降低UI原型门槛，flow插件系统化项目流程，覆盖设计到交付链路
3. 工程化实践：现代化monorepo、Changesets版本管理等为开源项目提供参考
4. 开发者体验优先：Cmd+Click交互、便捷CLI命令提升效率

md-claude展示了AI辅助开发工具的演进方向：不再局限于代码补全或对话交互，而是深入开发工作流各环节，通过插件化、可视化和自动化全面提升生产力。随着迭代和社区贡献增加，有望成为Claude Code生态中不可或缺的基础设施组件。