cm-frontend-engineer SKILL.md skillA
cm-frontend-engineer from kingxiaozhe/cm-workflow is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add kingxiaozhe/cm-workflow/cm-frontend-engineer@git:20260723.0314405Pins git:20260723.0314405 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- kingxiaozhe/cm-workflow
- Path
skills/cm-frontend-engineer/SKILL.md- Versions recorded
- 4
- Latest version
- git:20260723.0314405, committed Jul 23, 2026
- First version recorded
- Jul 7, 2026
- Size
- 5,719 bytes
- Repository stars
- 97
- License
- MIT
前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file 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@sha256:5fc6ffcda6d6d5cfThe line at the top of this page pins the label git:20260723.0314405, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_36lwlljadanvrbtb)
4 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 4 versions of this file, between Jul 7, 2026 and Jul 23, 2026, about one every 5 days.
| 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 · 97 stars · license MIT · pushed 2026-11-03 · 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 AI assistant 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.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.