FcDesigner Pro

Appearance

Skills ​

这里整理了 5 个常用 Skills，覆盖 FormCreate 与 FcDesigner 的完整使用流程。无论您是刚开始接入，还是已经进入功能开发或二次开发阶段，都可以快速找到对应助手，把需求更高效地落地。

包含的 Skills ​

当前提供的 5 个核心 Skills：

  • FormCreate安装助手
  • FormCreate使用助手
  • FcDesigner安装助手
  • FcDesigner使用助手
  • FcDesigner二开助手

下载链接 ​

如何导入 Skills ​

在 Cursor 中导入 ​

  1. 将 5 个 Skill 文件夹复制到项目的 .cursor/skills/ 目录。
  2. 保留每个 Skill 的完整目录结构（如 SKILL.md、AGENTS.md、references/、rules/）。
  3. 重新打开项目或重载窗口，等待 IDE 完成索引。

目录示例：

text
.cursor/skills/
  FormCreate安装助手/
  FormCreate使用助手/
  FcDesigner安装助手/
  FcDesigner使用助手/
  FcDesigner二开助手/

在 Claude Code 中导入 ​

  1. 在项目根目录创建 .claude/skills/。
  2. 将 5 个 Skill 文件夹完整复制到 .claude/skills/ 下。
  3. 确保每个 Skill 目录内包含 SKILL.md，并保留其配套文档。

目录示例：

text
.claude/skills/
  FormCreate安装助手/SKILL.md
  FormCreate使用助手/SKILL.md
  FcDesigner安装助手/SKILL.md
  FcDesigner使用助手/SKILL.md
  FcDesigner二开助手/SKILL.md

Skill 功能说明 ​

Skill 名称功能说明
FormCreate安装助手用来解决“怎么把 FormCreate 装起来并跑起来”，包括该装哪些包、入口怎么接、样式和依赖报错怎么排查。
FormCreate使用助手用来解决“FormCreate 怎么用”，包括表单规则编写、联动校验、提交与保存回显等日常开发问题。
FcDesigner安装助手用来解决“怎么把设计器接入项目”，包括依赖安装、入口初始化、版本与样式问题排查。
FcDesigner使用助手用来解决“设计器接入后怎么用”，包括数据导入导出、预览、功能开关、菜单和拖拽能力配置。
FcDesigner二开助手用来解决“需要改设计器源码”的场景，包括源码导入、默认行为调整、组件扩展和二开排错。

如何在对话中使用 Skills ​

导入完成后，您可以让 AI 自动匹配，也可以手动指定 Skill。
推荐直接说清楚“技术栈 + 目标 + 期望输出”，这样得到的结果会更贴近您的项目。

text
/FormCreate使用助手
我要做一个可运行的表单页面，包含远程下拉、联动清空与提交校验，请直接输出可复制代码。
text
/FcDesigner使用助手
请帮我实现模板导入导出与预览，包含 setRule/getJson 调用时机和接口 payload 示例。
text
/FcDesigner二开助手
我要把 input 默认 maxlength 改为 50，并给出最小改动文件清单和验证步骤。
text
/FormCreate安装助手
我用 Vue3 + Element Plus，从 0 接入 FormCreate。请给我安装命令、main.ts 挂载代码和最小页面示例。
text
/FcDesigner安装助手
我接入设计器后页面白屏了，请按步骤帮我排查，并给出一份能直接运行的入口修复方案。

使用建议 ​

  • 先判断当前阶段（安装、使用、二开），再选择对应 Skill；
  • 一个问题优先使用一个主 Skill，信息会更集中；
  • 提问时补充 UI 栈、Vue 版本、现有代码和报错，助手会更快给出可执行方案。