cm-frontend-engineer skillA
cm-frontend-engineer is agent-read markdown (skill) from kingxiaozhe/cm-workflow: 前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原.
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# cm-frontend-engineer — 前端工程师 执行前端开发任务。自动识别项目技术栈，遵循项目 `.claude/rules/` 中的规范。 ## 触发条件 由 `/cm-ai` 自动调用，当 task 涉及前端开发时触发。 **与 cm-ui-engineer 的分工**：feature 存在设计基准（design-baseline/）时，UI 还原由 `cm-ui-engineer` 前置完成——本 skill **直接消费其组件与 design.md 组件契约，不重写其样式**；无基准时按下方 Step 0 现有行为处理。 ## 工作流程 ### 0. 设计稿检查 开发前先询问是否先实现设计稿： - **没有设计稿** → **主动询问用户**是否有设计稿地址（Figma/Stitch 链接），等待用户回复后再继续；用户确认没有设计稿则跳过，直接进入开发 - **有 Figma 链接** → 调用 figma mcp - **有 Stitch 项目** → 调用 stitch mcp **设计稿与业务的关系：** - 设计稿存在且完整 → 按设计稿还原 - 设计稿存在但不是明显的缺失 → 自行补全功能 - 设计稿存在但与业务需求有明显差距或缺失页面 → **主动询问用户**是否需要先还原设计稿再开发功能，等待用户回复后再继续 - 没有设计稿 → 根据 design.md 和业务需求自行实现 ### 1. 识别技术栈 读取项目配置自动判断，不做硬编码假设： - `package.json` → 框架（React/Vue/Svelte/Next/Nuxt/Astro...）、UI 库、状态管理 - `tsconfig.json` / `jsconfig.json` → TS/JS、路径别名 - 样式方案 → Tailwind / CSS Modules / styled-components / UnoCSS 等 - 构建工具 → Vite / Webpack / Turbopack / esbuild ### 2. 读取上下文 - `.claude/rules/frontend.md`、`.claude/rules/coding-style.md`（如存在） - design.md 中当前任务相关的模块设计 - 扫描 `src/` 了解现有组件结构和命名规律 - **重点扫描项目已有的 UI 组件库**（`components/ui/`、`components/common/` 等），了解哪些组件已封装可复用 ### 3. 开发 **组件封装与复用（重要）：** - 开发前先检查项目已有的 UI 组件库，能复用的绝不重写 - 新建通用 UI 组件时放入项目约定的公共组件目录，确保可被其他页面复用 …
Read the whole file at its exact version.
How to install
mdr add kingxiaozhe/cm-workflow/cm-frontend-engineer@git:20260723.0314405mdr add kingxiaozhe/cm-workflow/cm-frontend-engineer@sha256:5fc6ffcda6d6d5cfPin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
[](https://markdownregistry.com/a/art_36lwlljadanvrbtb)
1 badge views in 30 days
Versions
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260723.0314405 latest | 2026-07-23 | 0314405 | 5,719 B | A | view · diff |
| git:20260709.313264f | 2026-07-09 | 313264f | 5,719 B | A | view · diff |
| git:20260708.c5945cc | 2026-07-08 | c5945cc | 5,445 B | A | view · diff |
| git:20260707.60332da | 2026-07-07 | 60332da | 4,856 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (5719 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
kingxiaozhe/cm-workflow · 29 stars · license MIT · pushed 2026-09-24 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_36lwlljadanvrbtb GET https://markdownregistry.com/api/v1/resolve?ref=kingxiaozhe/cm-workflow/cm-frontend-engineer GET https://markdownregistry.com/api/v1/blob/5fc6ffcda6d6d5cf94b908e7284846c39675651fbe9083687d9eb6d59d51e012
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.