ワンクリックでManusで任意のスキルを実行

ai-pm-design-spec

设计规范技能。上传公司或团队的 UI 规范，让所有 HTML 输出（原型、仪表盘）自动遵守你们的设计标准，优先级高于 AI 情境定制。当用户说「上传设计规范」「加载UI规范」「用公司规范」「Figma规范」「设计Token」「统一原型风格」「公司色彩规范」「设计系统」时，立即使用此技能。

Manusで実行

概要

インストールコマンド

npx skills add https://github.com/K3tty5555/AI_PM --skill ai-pm-design-spec

このコマンドをClaude Codeにコピー＆ペーストしてスキルをインストール

ソース

K3tty5555/AI_PM

スター2

フォーク0

更新日2026年6月1日 07:54

SKILL.md

readonly

name	ai-pm-design-spec
description	设计规范技能。上传公司或团队的 UI 规范，让所有 HTML 输出（原型、仪表盘）自动遵守你们的设计标准，优先级高于 AI 情境定制。当用户说「上传设计规范」「加载UI规范」「用公司规范」「Figma规范」「设计Token」「统一原型风格」「公司色彩规范」「设计系统」时，立即使用此技能。
argument-hint	[命令: upload/list/apply/show/reset] [规范名]
allowed-tools	Read Write Edit Bash(mkdir) Bash(ls)

ai-pm-design-spec - 设计规范

上传公司/团队的 UI 规范，优先级高于 AI 情境定制，让原型更贴近真实产品

角色说明

解决不同公司/团队有自己 UI 规范、原型却用通用风格的问题
上传规范后，ai-pm-prototype 生成原型时自动应用，无需每次手动指定
规范以设计 Token 形式存储，清晰、可版本化管理

命令路由

命令	说明
`upload [规范名]`	上传并解析设计规范（Figma 导出/PDF/图片/文字描述均可）
`list`	列出所有已保存的设计规范
`apply [规范名]`	将指定规范设为当前生效规范
`show`	展示当前生效规范的 Token 摘要
`reset`	清除当前规范设置，恢复为 AI 情境定制

upload 执行步骤

收到 upload [规范名] 指令后：

提示用户提供规范内容（以下任意形式均可）：
- Figma Token 导出 JSON
- 设计文档截图或 PDF 描述
- 文字描述（"主色 #1677ff，圆角 6px，字体 PingFang SC"）
解析内容，提取六类设计 Token（见下方格式）
对无法确定的值提示用户补充，或使用 Apple HIG 默认值填充
保存到 templates/ui-specs/{规范名}/design-tokens.json
输出 Token 摘要，询问是否立即激活

设计 Token 格式

存储路径：templates/ui-specs/{规范名}/design-tokens.json

{
  "name": "规范名",
  "version": "1.0",
  "colors": {
    "primary": "#xxx",
    "background": "#xxx",
    "surface": "#xxx",
    "text": "#xxx",
    "text_secondary": "#xxx"
  },
  "typography": {
    "font_family": "字体族",
    "size_base": "16px",
    "size_sm": "14px",
    "size_lg": "18px"
  },
  "spacing": {
    "page_margin": "24px",
    "section_gap": "32px"
  },
  "radius": "8px",
  "shadow": "0 1px 4px rgba(0,0,0,0.08)"
}

apply 执行步骤

收到 apply [规范名] 指令后：

确认 templates/ui-specs/{规范名}/design-tokens.json 存在
将规范名写入激活配置 templates/ui-specs/.active-spec
输出确认：已激活规范 {规范名}，后续原型生成将自动应用

list 执行步骤

扫描 templates/ui-specs/ 目录，列出所有含 design-tokens.json 的子目录，展示：

规范名称
版本号
当前是否生效（标记 ★）

show 执行步骤

读取 templates/ui-specs/.active-spec 获取当前生效规范名，加载对应 design-tokens.json，以可读格式输出颜色/字体/间距/圆角摘要。

reset 执行步骤

删除 templates/ui-specs/.active-spec 文件，输出确认：已清除公司规范，后续 HTML 输出将使用 AI 情境定制（自动注入项目自带 ai-pm-frontend-design；若用户本机存在 impeccable:frontend-design，则作为增强追加）。

与主技能集成

ai-pm-prototype 在生成原型时：

检查 templates/ui-specs/.active-spec 是否存在
若存在 → 加载对应 Token，替换 CSS 变量（公司规范模式）
若不存在 → 按项目 .ai-pm-config.json 的 designMode 执行（AI 情境定制 / 主流组件库）

このリポジトリの他の Skills

同じリポジトリ

ai-pm-interview

K3tty5555/AI_PM

现场调研技能。适用于线下与客户面对面沟通场景，支持结构化访谈、实时记录和快速生成 PRD。当用户说「现场调研」「客户访谈」「用户访谈」「拜访客户」「面对面沟通」「帮我设计访谈问题」「用户研究」「访谈提纲」「带客户调研」时，立即使用此技能。

2026-06-022

ai-pm

K3tty5555/AI_PM

当需要从零开始走完完整产品立项流程（需求→分析→竞品→用户故事→PRD→原型→评审）时使用。支持多项目管理和断点续传，复杂需求可启用多代理协作。当用户说「我有个产品想法」「帮我做个产品」「从零开始做需求」「全流程出PRD」「做一个App/小程序/系统」「产品立项」「继续上次的项目」「切换项目」时，立即使用此技能。

2026-06-022

tutorial-center-update

K3tty5555/AI_PM

AI_PM 教程中心自动化更新 Skill。扫描所有 skills，增量更新单一 HTML 文件，完全离线可用。当用户说「更新教程中心」「刷新教程」「教程中心过期了」「新增了技能需要更新文档」「同步技能列表到教程」时，立即使用此技能。注意：必须增量编辑，禁止整体重写。

2026-06-022

ai-pm-data

K3tty5555/AI_PM

数据分析技能。提供数据指标设计、数据洞察分析、仪表盘生成三大能力。从数据中发现产品需求和优化机会。当用户说「分析数据」「上传Excel」「数据洞察」「数据可视化」「做仪表盘」「数据看板」「指标设计」「埋点方案」「从数据里找需求」「数据报表」时，立即使用此技能。

2026-06-012

ai-pm-frontend-design

K3tty5555/AI_PM

AI_PM 本地 HTML/UI 设计内核。用于 AI_PM 生成可评审 HTML 原型、数据仪表盘、独立展示页和 UI/HTML 产出物时提供稳定的视觉判断、交互状态、信息层级、响应式与质量自检规则。当 ai-pm-prototype、ai-pm-data dashboard、HTML 原型、数据看板、可交互页面、页面视觉打磨、原型审计或 clone 用户未安装外部 impeccable 插件时，必须使用此技能作为项目自带 fallback。

2026-06-012

ai-pm-prototype

K3tty5555/AI_PM

原型生成技能。基于 PRD 生成可交互的单页网页原型，支持移动端和 Web 端。首次生成时询问设计规范（公司规范 / AI 情境定制 / 主流组件库），项目内记住偏好。若项目存在 Codex 生成的视觉锚点包（06-prototype-visual/manifest.json），生成 HTML 前必须读取并遵循。当用户说「生成原型」「做原型」「可交互原型」「HTML原型」「页面原型」「低保真」「高保真原型」「画个界面」「把PRD做成原型」时，立即使用此技能。边界：本技能用于「把已有 PRD/需求做成可评审原型」；脱离 PRD 的纯视觉探索、通用 UI 组件生成或视觉精修，可使用外部 impeccable 增强，但 AI_PM 原型默认以 ai-pm-frontend-design 为本地设计内核。

2026-06-012

ソース

K3tty5555

K3tty5555/AI_PM

GitHub リポジトリを開く Creator のリポジトリを見る

インストールコマンド

ダウンロード

Manusで実行

役立つ用途SOC

ウェブ開発者コンピュータ・数学職15-1254L4

name	ai-pm-design-spec
description	设计规范技能。上传公司或团队的 UI 规范，让所有 HTML 输出（原型、仪表盘）自动遵守你们的设计标准，优先级高于 AI 情境定制。当用户说「上传设计规范」「加载UI规范」「用公司规范」「Figma规范」「设计Token」「统一原型风格」「公司色彩规范」「设计系统」时，立即使用此技能。
argument-hint	[命令: upload/list/apply/show/reset] [规范名]
allowed-tools	Read Write Edit Bash(mkdir) Bash(ls)

ai-pm-design-spec - 设计规范

上传公司/团队的 UI 规范，优先级高于 AI 情境定制，让原型更贴近真实产品

角色说明

解决不同公司/团队有自己 UI 规范、原型却用通用风格的问题
上传规范后，ai-pm-prototype 生成原型时自动应用，无需每次手动指定
规范以设计 Token 形式存储，清晰、可版本化管理

命令路由

命令	说明
`upload [规范名]`	上传并解析设计规范（Figma 导出/PDF/图片/文字描述均可）
`list`	列出所有已保存的设计规范
`apply [规范名]`	将指定规范设为当前生效规范
`show`	展示当前生效规范的 Token 摘要
`reset`	清除当前规范设置，恢复为 AI 情境定制

upload 执行步骤

收到 upload [规范名] 指令后：

提示用户提供规范内容（以下任意形式均可）：
- Figma Token 导出 JSON
- 设计文档截图或 PDF 描述
- 文字描述（"主色 #1677ff，圆角 6px，字体 PingFang SC"）
解析内容，提取六类设计 Token（见下方格式）
对无法确定的值提示用户补充，或使用 Apple HIG 默认值填充
保存到 templates/ui-specs/{规范名}/design-tokens.json
输出 Token 摘要，询问是否立即激活

设计 Token 格式

存储路径：templates/ui-specs/{规范名}/design-tokens.json

{
  "name": "规范名",
  "version": "1.0",
  "colors": {
    "primary": "#xxx",
    "background": "#xxx",
    "surface": "#xxx",
    "text": "#xxx",
    "text_secondary": "#xxx"
  },
  "typography": {
    "font_family": "字体族",
    "size_base": "16px",
    "size_sm": "14px",
    "size_lg": "18px"
  },
  "spacing": {
    "page_margin": "24px",
    "section_gap": "32px"
  },
  "radius": "8px",
  "shadow": "0 1px 4px rgba(0,0,0,0.08)"
}

apply 执行步骤

收到 apply [规范名] 指令后：

确认 templates/ui-specs/{规范名}/design-tokens.json 存在
将规范名写入激活配置 templates/ui-specs/.active-spec
输出确认：已激活规范 {规范名}，后续原型生成将自动应用

list 执行步骤

扫描 templates/ui-specs/ 目录，列出所有含 design-tokens.json 的子目录，展示：

规范名称
版本号
当前是否生效（标记 ★）

show 执行步骤

读取 templates/ui-specs/.active-spec 获取当前生效规范名，加载对应 design-tokens.json，以可读格式输出颜色/字体/间距/圆角摘要。

reset 执行步骤

与主技能集成

ai-pm-prototype 在生成原型时：

检查 templates/ui-specs/.active-spec 是否存在
若存在 → 加载对应 Token，替换 CSS 变量（公司规范模式）
若不存在 → 按项目 .ai-pm-config.json 的 designMode 执行（AI 情境定制 / 主流组件库）