Skillforge Showcase
概览 (Overview)
工作流总览
常见痛点 (Pain Points)
1. 缺乏项目全貌
2. 上下游链路脱节
3. 无法复用经验
4. 代码规范不一
5. 难以执行长任务
如何解决 (Solutions)
架构与流程分析 (.workflow)
为什么有效 (Why It Works)
1. Init 扫描建立全局视角
2. 六大提示词流驱动
3. 本地化 Workflow 提效
案例与反馈 (Cases)
复杂业务逻辑重构
高保真 UI 批量生产
新项目上手与交付
快速上手 (Usage)
1. 私有源配置 (.npmrc)
2. 初始化安装 (init)
3. AI 提示词范式
4. IDE 环境配置
01 概览 (Overview)

AI落地的挑战与破局,skill与workflow的结合

打破散装的 AI 工具链,重塑标准化的工程交付链路

AI 已从“补全代码”演进到全阶段参与。但现实中这往往是零散的节点,缺乏统一工具将“从拿 PRD 到提测”的整个链路串联。Skillforge 通过系统化的工作流编排,将项目知识、规范约束与工作区环境深度结合,让 AI 能够稳定执行跨越研发生命周期的长任务。

Skillforge 工作流总览 (5步可执行链路)

.workflow 知识库是 AI 辅助开发流程的基础设施,与其他命令形成完整的协作链路

  • 1. 初始化扫描 (Init & Scan)

    一键执行扫描,深度解析当前项目源码,提取技术栈特性与依赖树,自动建立本地知识库底座。

  • 2. 需求预处理 (Pre-process)

    自动分析比对 PRD、设计稿与代码现状,提前暴露边界遗漏并进行“需求澄清”,生成结构化任务单。

  • 3. 方案设计与确认 (Plan)

    结合项目知识库与澄清文档,生成包含接口设计与组件状态的 tech.md 技术方案,交由专家 Review。

  • 4. 编码实现 (Dev / D2C)

    视觉驱动的 UI 还原与逻辑驱动的代码补全双引擎协同工作,在已有方案约束下精准、分批次编码。

  • 5. 验收与归档 (Test & Archive)

    通过智能质量网关补充测试用例进行校验,并将本次迭代产出的新 API 和组件增量归档反哺知识库。

初始化与预处理
点击放大查看

图1:执行init后,使AI拥有对项目整体的结构化认知

流转架构图
点击放大查看

图2:以“黄金天眼”项目为例,执行scan后的结果

02 痛点 (Pain Points)

AI 落地过程中的五大困境

抛开单点提效假象,直面研发团队在实际交付中的工程代价

1. 缺乏项目全貌(上下文散落)

致命症状:

AI 每次新开对话都是全新开始,对项目已有的技术栈底座、目录规范、依赖架构一无所知,每次开发长任务都必须人工繁琐输入上下文背景。

团队代价:

多余的废话与重复输入占据 40% 的额度,并且一旦背景描述偏差,AI 就会乱答。

2. 上下游研发链路脱节

致命症状:

需求方案、界面开发、接口联调及自动提测各自独立,AI 补齐的 UI 组件往往接口拼写对不上,测试用例不通过,无法无缝闭环。

团队代价:

开发到后期发现与 PRD 不一致或编译不通过,被迫人工大范围重构,返工代价极高。

3. 无法复用经验(团队资产流失)

致命症状:

开发过程中针对某种特定架构最佳实践、或者是解决 Bug 的特异化 prompts,零散遗留在个别开发者的个人网页历史对话中,无法落盘传承。

团队代价:

换一个人开发又得踩相同的坑,团队无法通过沉淀优秀的 Prompt 模版形成长远累加效能。

4. 代码规范与风格不一致

致命症状:

不同的开发工程师使用完全不同的 AI 命令词,或者通过不同的 IDE 插件开发,导致写出来的代码完全背离已有的 eslint / prettier 或业务既定约定。

团队代价:

合并分支时产生大量无意义样式纠纷与规范审查打回,徒增代码仓库合并的技术债。

5. 难以执行复杂长任务

致命症状:

面对需要横跨三个文件、同时修改路由配置、组件编写以及接口映射的复杂迭代需求时,AI 在几步对话后就会发生长文本上下文遗忘和严重幻觉。

团队代价:

AI 无法真正交付中大型需求,只能充当编写“单文件”的语法糖工具。

上下文散落报错
点击放大查看

图1:缺乏项目全貌导致 AI 发生幻觉与乱答

点击放大查看

图2:为啥你用了顶级模型,还是无法丝滑的解决问题?

03 方案 (Solutions)

Skillforge 核心解法:结构化的「.workflow」智能工作流

从碎片化 Prompt 对话散装时代,迈向 Standard 流程流水线交付时代

Before (Prompt 散装式协作)

  • 指令零散易错:碎片化对话导致上下文丢失,每次必须手动大量粘贴。
  • 缺乏全局认知:管中窥豹,AI 不懂整体架构与现有组件,频繁引发冲突。
  • 质量如同盲盒:缺少编译和规范把关网关,直接在 master 堆积技术债。
  • 资产无法流失:过程产物无法传承,换个新助手就得从头培养。

After (「.workflow」活文档协作)

  • 全生命周期编排:一键分解任务,Skill 链条闭环交付,自动处理复杂任务。
  • 上帝视角感知:先构建 Facts 与 Rules 本地知识,动作符合现有设计系统。
  • 最小读取低幻觉:极限制约 Token 输入,只按阶段加载最小数据集,低幻觉。
  • 资产与门禁兜底:全链路中间资产自动沉淀落盘,Quality Gate 拦截非规产出。
事实 & 约束

.workflow 知识库目录结构

在项目本地初始化 .workflow 基础设施,深度提取项目事实,给 AI 戴上“全局视野与规范紧箍咒”。

.workflow/ 结构事实层
.workflow/
├── knowledge/         # 核心知识文档事实层
│   ├── index.md       # 知识库总览与索引
│   ├── api.md         # API 接口规范与模式
│   ├── business.md    # 业务路由与页面结构
│   ├── components.md  # 组件与指令清单
│   └── store.md       # 状态管理文档
├── rules/             # 编码规范约束层
│   ├── code-style.md  # 代码风格与 Linter 规则
│   ├── naming.md      # 命名规范
│   └── tech-stack.md  # 技术栈与构建配置
├── template/          # 代码模板
│   └── index.md       # 常用代码模板索引
├── tech/              # 技术方案 (dev-workflow 生成)
│   └── *.md           # 各需求的技术方案文档
├── test/              # 测试用例 (test-workflow 生成)
│   └── *.md           # 自动化测试文档
└── archive/           # 归档文档 (archive 生成)
    └── *.md           # 已完成需求的归档
初始化扫描

项目初始化与并行扫描分析流程

项目初始化执行 skillforge scan 时,会自动执行多维度并行扫描分析任务,一键提取规范事实。

Skillforge Initialization Parallel Analysis Flow
点击放大查看
通过静态依赖分析算法自动爬取目录依赖,秒级生成模块引用拓扑,完成八种并行扫描任务并自动对齐落盘。
04 原理 (Why It Works)

底层工作机制与提效原理

为什么 Skillforge 能够把不可预测的 AI 混沌输出,转化为确定性的工程级交付?

核心范式转变 (Paradigm Shift)

在 Skillforge 的工作流体系中,工程师的核心价值从“逐行敲写业务代码”升级为“问题抽象、规则制定、约束编排与质量把控”,通过严密的约束条件成倍数放大 AI 的交付能级,从根本上消灭研发技术债。

1. Init 多维扫描定位已有组件与 API 事实,防止重复开发

在项目根目录下运行 npx @wikifx/skillforge@latest init 将瞬间触发底层多维并行扫描引擎(Scanner)。

该引擎仅在一秒内深度解析当前项目的源码拓扑与模块依赖关系树,并将全量可用的公共原子组件、API 契约规范及已有的编码习惯提炼,落盘写入本地 .workflow/knowledge/ 中。

这使得 AI 助手在动笔编写第一行代码之前,就已经建立了对您整个项目现有轮子与技术规范的事实层全局认知。

工程机制与实质提效:

自动从代码库 AST 中爬取工程事实。AI 编写逻辑时能主动复用您已有的公共组件与工具类,从根源上杜绝传统 AI 助手在复杂逻辑里管中窥豹、重复造轮子的乱象。

Init CLI Exec
点击放大查看
1.1执行 init 安装与初始化配置
Scan AST Exec
点击放大查看
1.2自动执行 scan 项目事实提炼

2. 阶段隔离提示词工作流编排,确保大模型按需有序输出

Skillforge 拒绝毫无工程章法的零散 Prompt 随机提问,而是将 Prompt 提问拆解为阶段隔离的专业 Skill 模板链条,每一个 Skill 均与本地 .workflow 极简工作空间进行底层联动。

在任务启动时,系统通过 WORKFLOW_PLAN 在本地自动生成 plan.md 调度总线;接着通过 GRILL_ME 挑战架构设计的接口盲区,并将澄清结果追加入 clarification.md;随后,TECH_SOLUTION 自动提取已有代码 AST 并输出设计书落盘至 tech/ 目录下。

核心亮点与研发优势:
前置防线拦截:AI 编码前必须先交出设计方案并主动挑战高风险决策,阻止 AI 盲目上手乱写导致大范围返工;
Token 级降噪:具体编码时,强制拦截 AI 的上下文读取范围(只准入 current.md 任务包),使上下文吞吐体积直降 70%,幻觉率归零,交付精度达 100%。

工程机制与实质提效:

采用阶段隔离与流转编排的提示词大礼包,将原本无序的口头指令层层递进翻译为可落盘的技术规格,让 AI 摆脱散装提问时上下文混乱、牛头不对马嘴的缺陷。

WORKFLOW_PLAN主编排

核心全生命周期任务主调度模板。在开发者粗需求输入后,自动对齐本地 Facts 知识库,并在本地自动创建与全程跟踪 .workflow/plan.md 待办卡片链条作为调度总线。

本地 WORKFLOW 联动链路:
输入粗需求在本地创建并写入 .workflow/plan.md 调度总线 ➔ 串联驱动其它特化 Skill
PRD / PRD_LITE需求精炼

将零散多废话的口头纪要提炼为精密的 PRD-Lite 研发边界规范。在本地自动导出 .workflow/scope.md(开发范围)与 .workflow/subtasks.md(分解任务集)。

本地 WORKFLOW 联动链路:
会议脑暴/原始便签自动落盘 .workflow/scope.mdsubtasks.md ➔ 锁定无可争议研发边界
GRILL_ME拷问质疑

动工前的高风险卡口排查模板。以尖锐挑剔的工程视角前置挑战未定义接口、隐式假设和边界逻辑缺陷,并将开发者确认答复追加写入 .workflow/clarification.md 固化决策。

本地 WORKFLOW 联动链路:
读取方案计划挑剔漏洞并抛出风险确认单写入 .workflow/clarification.md 强拉齐共识
TECH_SOLUTION方案设计

深度分析项目代码库 AST 与依赖结构,自动设计高内聚低耦合的组件状态及接口契约,并将详尽的技术方案自动落盘为标准的 Markdown 归档 .workflow/tech/<topic>.md

本地 WORKFLOW 联动链路:
扫描 AST 拓扑与公共组件设计高可用组件状态与数据接口自动输出至 .workflow/tech/*.md
UI_FROM_DESIGND2C还原

前端像素级高保真视觉还原技能包。深度读取 Figma 图层结构,并强制将其与本地 .workflow/rules/ 中既定的原子组件库及设计 Tokens 强行对齐,输出 95%+ 复用率的代码。

本地 WORKFLOW 联动链路:
读取 Figma/截图强力拦截并绑定本地 .workflow/rules 组件库规范 ➔ 生成组件化 UI 代码
IMPLEMENT编码实现

核心编码实现模板。极致奉行 MRS 最小读取协议,强制只允许 AI 加载 .workflow/current.md 任务卡片与技术设计,从根本上降噪,极致消灭大长文本带来的长尾幻觉。

本地 WORKFLOW 联动链路:
只准入加载 .workflow/current.md 极简数据集在 rules 约束下规范精细编码 ➔ 交付极高清洁度代码
SELF_TEST集成自测

自动化用例编写模板。根据技术方案及具体的编码改动逻辑,全自动设计核心边界异常的集成/单元测试路径,并落盘输出到 .workflow/test/ 中,作为代码合入前的终极质量防御关卡。

本地 WORKFLOW 联动链路:
读取改动代码实现提取异常分支与边界值全自动生成并落盘为 .workflow/test/*.md 用例
I18N_FRONTEND多国语翻译

前端多语言国际化专业提取包。全盘扫描源码中未被国际化的中文字符,自动剥离生成全局 i18n 资源文件并进行自动化智能翻译对齐,直接反哺写入您项目的本地 locale 配置。

本地 WORKFLOW 联动链路:
提取源码中文字符智能剥离为 i18n 资源键值对 ➔ 一键无痛反哺写入项目 src/locales 配置

3. 本地 .workflow 极简协作空间提效与过程资产沉淀

相较于飘在云端的通用 AI,Skillforge 在您本地建立的 .workflow/ 极简协作空间可以产生真切的提效。

通过严格执行 最小读取协议 (MRS),仅在对应研发阶段按需准入加载 current.mdscope.mdsubtasks.md 等极简事实,将大模型上下文吞吐体极限制压缩 70%,阻断 80% 长文本引起的幻觉。

同时,产出的方案与自测用例无感归档落盘,过程资产自动沉淀,随时可以轻松交接与复盘。

工程机制与实质提效:

极简降噪与质量守护。Mrs 协议不仅极致节省 Token,更能配合提测前提速合入的 <code>gate</code> 质量门禁,阻断低质量违规代码,并以 Markdown 将开发资产沉淀为团队财富。

05 案例 (Cases)

真实案例与可量化的提效数据

看看 Skillforge 是如何在真实的生产环境与团队协同中高标准落地的?

复杂业务逻辑的重构与高精度改动

传统痛点:

传统 AI 助手在重构复杂逻辑时,频繁出现对上下文理解的遗漏(如特定货币、边缘边界情况),改了这儿错那儿,导致 Bug 频发,最后只能程序员手动推倒重来。

解法:

先运行 scan 全盘掌握项目依赖;在 WORKFLOW_PLAN 调度下,使用 GRILL_ME 提前挑战重构风险;生成 TECH_SOLUTION 技术方案并前置由专家确认锁定边界;最后通过 IMPLEMENT 配合最小读取集分批进行代码修改。

提效结果:

复杂逻辑重构耗时大幅下降 40%,重构后线上核心逻辑遗漏缺陷达到完美的 0 Bug。

复杂业务逻辑的重构与高精度改动
点击放大查看

图1:黄金天眼项目

复杂业务逻辑的重构与高精度改动
点击放大查看

图2:wikigod项目

从设计稿到高保真 UI 的规范化生产

传统痛点:

AI 独立还原 UI 样式时经常自我发挥,不遵守团队预设的设计系统(Design System),产出样式杂乱,需要开发痛苦地人工对齐色号、字体和间距。

解法:

利用 scan 提取现有组件库与设计规范至 .workflow/rules;调用 UI_FROM_DESIGN 技能包,优先基于 Figma MCP,在视觉对照下高保真还原 UI 细节,并强制应用现有组件。

提效结果:

单页面高保真 UI 还原与组件化开发耗时从 4小时 缩短至 30分钟,视觉还原度与组件复用率达 90%+。

从设计稿到高保真 UI 的规范化生产
点击放大查看

【UI 高保真还原】Figma MCP 视觉对照还原效果及组件应用渲染截图

新项目快速上手与无痛交付

传统痛点:

面对一个完全陌生、缺少交接的全新项目,开发者往往需要花费数周时间痛苦地梳理拓扑、研究依赖、调试配置。在没有任何事实约束的情况下,强行开发和添加新需求,极其容易引发技术债与 regression (老功能退化) 灾难。

解法:

无需漫长痛苦的人工摸索。直接运行 skillforge scan 触发多维扫描引擎,自动在项目本地导出结构化的 .workflow/knowledge 事实层;随后在 WORKFLOW_PLAN 规范约束调度下,通过 Live Docs (current.md) 与编译期 gate 门禁防线进行敏捷开发,让每次改动和新功能上线都拥有确定性的安全底座。

提效结果:

新项目架构探索与环境上手时间缩减 70%,首次新功能迭代发布一次性通过率提升至 85% 以上。

新项目快速上手与无痛交付
点击放大查看

【新项目极速上手】基于扫描事实与 Live Docs 驱动的workflow

团队研发规范化与最佳实践沉淀

传统痛点:

在大型团队或高频交付场景中,不同开发者的编码风格和技术选型各异,缺少统一的开发规约和沉淀机制,导致优秀实践无法复制,历史遗留问题不断重复发生。

解法:

Skillforge 深度支持最佳实践和研发规约的自动沉淀。将高质量迭代产出增量反哺入本地 .workflow 极简底座,同时无缝对齐飞书等企业知识库与团队标准流程规范。提供高度结构化的文档沉淀,让每一项核心设计、高风险踩坑与优化决策都有据可查,沉淀为团队的共同财富。

提效结果:

团队最佳开发规范对齐效率提升 80%,新成员规范融入与最佳实践上手周期从数周压缩至 3 天内。

团队研发规范化与最佳实践沉淀
点击放大查看

图1:AI prd-dev文档

团队研发规范化与最佳实践沉淀
点击放大查看

图2:AI 技术方案文档

06 上手 (Usage)

即刻启用的工程化交付流水线

遵循以下流程,在您的工作区启动 Harness 规范约束下的高效开发与事实沉淀

先在您的目标项目根目录下创建并配置 .npmrc 文件,限制 @wikifx 公司命名空间只走内部私有 Nexus 镜像源:

.npmrc
@wikifx:registry=https://nexus.fx696.com/repository/npmpublic/

在目标项目根目录下执行下方初始化指令。init 默认会自动执行一次项目 scan,扫描 AST、依赖树并构建 .workflow 基础库。

Bash / PowerShell
npx @wikifx/skillforge@latest init
重要说明与最佳协作姿势

初始化安装完成后,AI 进入具体需求开发时会优先读取 .workflow/current.md,再按照研发阶段对应的最小读取协议加载特定的 Facts(事实)与 Rules(规则)。 工作流中的 plan 及 tasks 通常会由 AI 自动编排补全,只有在 AI 没能自动生成时,才需手动执行 plan

项目底座建立后,您可以直接复制以下最佳实践范式,向 AI (Cursor/Claude/Trae) 提具体的研发任务需求:

Product-PRD
"这是会议纪要,请帮我生成 PRD 文档:<会议内容>"
原理解析:

适用于在需求爆发初期,将散乱的脑暴纪要、聊天记录沉淀为结构化的基础 PRD-Lite 需求事实。

若项目团队使用了特定的 AI 编辑器(Cursor、Trae、Codex、Claude 独立端等),可以在初始化时显式指定 --ide 参数,以便精准注入对应的环境感知与配置拦截文件:

npx @wikifx/skillforge@latest init claude显式指定为 Claude 独立编辑器注入团队环境规则规范
npx @wikifx/skillforge@latest init codex显式指定为 Codex 独立编辑器环境进行规则感知与配置注入
npx @wikifx/skillforge@latest init --ide trae,gemini显式指定为 Trae 和 Gemini 多编辑器协同环境生成配置文件
npx @wikifx/skillforge@latest init ../my-project --ide cursor,claude,codex显式指定外部目标项目路径并同时为 Cursor、Claude、Codex 注入规则
npx @wikifx/skillforge@latest init --ide none纯工作区底座模式,不向当前任何 IDE(如 Cursor)写环境配置

Skillforge 项目汇报信息

私有 NPM 包名称@wikifx/skillforge
汇报人AlanW
高速下载