القائمة
当用户给出一个产品或界面设计想法时，自动按标准模版范式将其优化为结构清晰、细节完备的设计描述。适用于小程序、App、网页、H5 等任何界面类产品设计任务。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
استنادا إلى تصنيف SOC المهني
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/sujian666666com-glitch/kk-skill --skill design-spec-optimizerيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
Discover and filter 15,330 The Graph subgraphs by domain, network, protocol type, or natural language goal. Each result includes an x402 query URL — $0.01 USDC on Base per call, no API key required.
Audit and reduce AI agent runtime spend in dollars. Use for AI costs, agent spend, token waste, runtime attribution, detector coverage, and FinOps. Works with OpenClaw, Hermes, QM, Claude Code, Cursor, and generic event ingest.
Use this skill whenever the user is troubleshooting a VMware/vSphere problem — a reported error, an exception, a log dump, a slow or failed VM, a host that went sideways — and needs help locating the root cause. It is the diagnostic brain of the VMware family: it drives a systematic investigation, pulls the right signals from the other skills, correlates events into one timeline, ranks root-cause hypotheses, and tells you what to check next even when you don't know where to start. Always use this skill for "diagnose this VMware issue", "why is my VM slow", "troubleshoot this vSphere error", "what does this log mean", "help me figure out what broke" when the context is explicitly VMware/vSphere/ESXi/NSX. It is READ-ONLY: it never changes anything. Do NOT use it to execute fixes — single fixes go to vmware-aiops, multi-step gated remediation goes to vmware-pilot. Do NOT use it for routine inventory or health checks with no problem to solve — use vmware-monitor.
| name | design-spec-optimizer |
| description | 当用户给出一个产品或界面设计想法时，自动按标准模版范式将其优化为结构清晰、细节完备的设计描述。适用于小程序、App、网页、H5 等任何界面类产品设计任务。 |
将用户的原始想法按以下标准模版范式扩展为完整的设计描述。
当用户表达一个产品/界面设计意图时触发，包括但不限于：
每个设计描述必须包含以下 5 个模块，按顺序呈现：
用一句话精确定义产品类型，格式：
「XX 型 + 产品形态」，解决「核心痛点」，面向「目标用户」。
示例：
「实用型待办清单小程序」，帮助上班族快速记录与追踪每日任务，面向 20–35 岁职场人群。
明确设计与开发的边界条件：
用编号列出所有页面的核心内容模块，格式：
① 页面名称 — 核心内容模块 A / 核心内容模块 B / 核心内容模块 C
② 页面名称 — ...
...
每个页面需列出 2–4 个核心模块，体现信息层级。
用箭头串联用户操作路径，体现功能联动。格式示例：
首页浏览 → 点击条目进入详情 → 执行操作（如编辑/删除） → 返回首页状态同步
或多分支路径：
启动页 → 首页（浏览列表） → [分支 A] 点击添加 → 新建页 → 保存返回
→ [分支 B] 点击条目 → 详情页 → 编辑/删除 → 返回
从 5 个维度给出明确约束：
| 维度 | 说明 | 示例 |
|---|---|---|
| 配色 | 主色 + 辅助色 + 背景色，附色值 | 深灰底 #1A1A1A + 品牌青 #00D4AA + 纯白文字 |
| 控件 | 圆角、投影、描边等 | 圆角 12–16px，柔和投影 0 4px 12px rgba(0,0,0,0.15) |
| CTA 策略 | 主按钮与次级操作的层级区分 | 每页 1 个厚实主 CTA（高度 48px，圆角 12px），次级操作用文字链或幽灵按钮 |
| 排版 | 留白、字重、字号层级 | 模块间距 24px，字重 400/600/700 三级，标题 20px / 正文 16px / 辅助 12px |
| 数据 | 使用真实示例数据填充 | 任务名称用「完成季度报告」「预约牙医」等真实场景数据 |
用户输入：
"我想做一个记录喝水的小程序"
优化后输出：
产品定位：「健康习惯追踪型小程序」，帮助用户记录每日饮水量并养成规律喝水习惯，面向关注健康的 18–40 岁人群。
设备规格：375×812 标准视口，支持深色/浅色双模式，微信小程序平台。
页面清单：
① 首页 — 今日饮水进度环 / 快捷记录按钮组（150ml/250ml/500ml） / 本周统计简报
② 记录页 — 自定义水量滑块 / 饮品类型选择（水/茶/咖啡/果汁） / 时间标签
③ 历史页 — 日历视图 / 每日详情列表 / 趋势图表
④ 设置页 — 每日目标设定 / 提醒时间 / 单位切换（ml/oz）
完整闭环： 启动页 → 首页查看今日进度 → 点击快捷记录 / 自定义记录 → 记录页选择水量与类型 → 保存返回首页进度实时更新 → 下滑查看本周简报 → 点击日历进入历史页回顾 → 设置页调整目标与提醒
视觉调性：