mcpField
C
ce-polish-beta

ce-polish-beta

github.com/everyinc设计与 UI25.8k1.0k 次安装今天更新
代码仓库

关于 ce-polish-beta

ce-polish-beta 是一项技能,用于启动项目开发服务器,并根据用户在浏览器中的反馈迭代功能。它包含项目类型检测和服务器启动指南。

主要功能

  1. 01开发服务器启动指南
  2. 02框架与端口检测
  3. 03浏览器反馈迭代
  4. 04按反馈修复功能

适用场景

  1. 01预览运行中的功能
  2. 02根据反馈改进用户体验

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/everyinc/compound-engineering-plugin --skill ce-polish-beta

安装后在 Claude Code 中输入/ce-polish-beta确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
dev-server-astro.md
dev-server-detection.md
dev-server-next.md
dev-server-nuxt.md
dev-server-procfile.md
dev-server-rails.md
dev-server-remix.md
dev-server-sveltekit.md
dev-server-vite.md
ide-detection.md
launch-json-schema.md
scripts/
detect-project-type.sh
read-launch-json.sh
resolve-package-manager.sh
resolve-port.sh

详细介绍

润色

启动开发服务器,在浏览器中打开功能,然后不断迭代。你使用该功能,指出哪里不太对劲,我们就进行修复。

阶段 0:切换到正确的分支

  1. 如果提供了 PR 编号或分支名称,则切换到该分支(先检查是否已有工作树)。
  2. 如果未提供,则使用当前分支。
  3. 确认当前分支不是 main/master。

阶段 1:启动开发服务器

1.1 检查 .claude/launch.json

运行 bash scripts/read-launch-json.sh。如果找到了配置,就使用该配置——用户已经告诉我们如何启动项目。

1.2 自动检测(没有 launch.json 时)

运行 bash scripts/detect-project-type.sh 以识别框架。

根据类型查阅对应的配方参考文件,确定启动命令和默认端口:

类型配方
railsreferences/dev-server-rails.md
nextreferences/dev-server-next.md
vitereferences/dev-server-vite.md
nuxtreferences/dev-server-nuxt.md
astroreferences/dev-server-astro.md
remixreferences/dev-server-remix.md
sveltekitreferences/dev-server-sveltekit.md
procfilereferences/dev-server-procfile.md
unknown询问用户如何启动项目

对于需要包管理器的框架类型,运行 bash scripts/resolve-package-manager.sh,并将返回结果代入启动命令。

运行 bash scripts/resolve-port.sh --type <type> 解析端口。

1.3 启动服务器

在后台启动开发服务器,并将日志输出到临时文件。最多用 30 秒探测 http://localhost:<port>。如果服务器未能启动,显示日志的最后 20 行,并询问用户接下来该怎么做。

1.4 在浏览器中打开

根据环境变量探测表加载 references/ide-detection.md。使用 IDE 对应的机制打开浏览器(Claude Code → open,Cursor → Cursor 浏览器,VS Code → Simple Browser)。

告诉用户:

Dev server running on http://localhost:<port>
Browse the feature and tell me what could be better.

阶段 2:迭代

这是核心循环。用户浏览功能并告诉你需要改进什么。你进行修复。重复此过程,直到用户满意。

  • 用户描述需要修复的问题时 → 进行修改,开发服务器会热重载
  • 用户要求检查某项内容时 → 使用 agent-browser 截图或检查页面
  • 用户表示已完成时 → 提交修复并停止

不需要清单。不需要模板。只需对话。

参考资料

参考文件(按需加载):

  • references/launch-json-schema.md — launch.json 架构及各框架的存根配置
  • references/ide-detection.md — 宿主 IDE 检测和浏览器交接
  • references/dev-server-detection.md — 端口解析文档
  • references/dev-server-rails.md — Rails 开发服务器默认配置
  • references/dev-server-next.md — Next.js 开发服务器默认配置
  • references/dev-server-vite.md — Vite 开发服务器默认配置
  • references/dev-server-nuxt.md — Nuxt 开发服务器默认配置
  • references/dev-server-astro.md — Astro 开发服务器默认配置
  • references/dev-server-remix.md — Remix 开发服务器默认配置
  • references/dev-server-sveltekit.md — SvelteKit 开发服务器默认配置
  • references/dev-server-procfile.md — 基于 Procfile 的开发服务器默认配置

脚本(通过 bash scripts/<name> 调用):

  • scripts/read-launch-json.sh — launch.json 读取器
  • scripts/detect-project-type.sh — 项目类型分类器
  • scripts/resolve-package-manager.sh — 基于锁文件的包管理器解析器
  • scripts/resolve-port.sh — 端口解析流程

评论

支持 Markdown