界面草图对比
原名:sketch
快速做出两到三个 HTML 界面草图,用真实布局比较不同设计方向。
中文 Skills 技能说明
适合正式开发前比较页面结构、信息层级和交互方向。草图只用于验证选择,不冒充已经上线的产品;确认方向后应重新按项目组件、样式和可访问性标准实现。
上游能力依据
上游原始适用说明:Throwaway HTML mockups: 2-3 design variants to compare.
上游 SKILL.md 主要章节(保留原文标题):
- When NOT to use this
- If the user has the full GSD system installed
- Core method
- 1. Intake (skip if the user already gave you enough)
- 2. Variants (2-3, never 1, rarely 4+)
- 3. Make them real HTML
- 4. Variant README
- Variant: {stance name}
- Design stance
- Key choices
使用边界
先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时,必须在执行前人工确认。
作者、翻译与许可证
- 原作者
- Hermes Agent (adapted from gsd-build/get-shit-done)
- 中文翻译
- CEOFans翻译
- 许可证
- MIT
- 上游来源
- https://hermes-agent.nousresearch.com/docs/zh-Hans/user-guide/skills/bundled/creative/creative-sketch
适用范围
平台:linux、macos、windows;标签:sketch、mockup、design、ui、prototype、html、variants、exploration、wireframe、comparison
安全提示
基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件,请在最小权限环境中使用,高风险操作必须人工确认。
如发现侵权、许可证或安全问题,可在本页前台提交投诉,管理员复核后可立即下架。