← 返回 Skills 市场
122
总下载
1
收藏
0
当前安装
3
版本数
在 OpenClaw 中安装
/install prototype-design
功能描述
通用页面原型设计技能。基于 58种设计风格(默认Figma 风格) UI 的复杂业务系统 HTML 原型开发, 包括标准页面结构、统计卡片、筛选条件、数据表格、弹窗设计。 适用场景:(1) 创建新的管理页面原型 (2) 对照业务文档实现功能模块 (3) 设计弹窗和详情页 (4) 构建带看板和列表视图的页面。 **...
安全使用建议
This skill appears coherent and low-risk: it bundles many design-system references and HTML templates and instructs the agent to create local project files and read those references. Before installing or running it, consider: (1) verify you won't run or paste any external Python/script from untrusted sources — README mentions a Python script but none is bundled; avoid running third-party scripts unless you inspect them; (2) inspect the referenced templates/design files if you have licensing or IP concerns; (3) because the skill is user-invocable and can be called by the agent, ensure you do not provide any secrets or credentials (none are required by the skill). If you want extra assurance, open SKILL.md/README and the references to confirm there are no hidden instructions to contact external endpoints or execute unbundled code.
功能分析
Type: OpenClaw Skill
Name: prototype-design
Version: 1.0.2
The prototype-design skill bundle is a comprehensive and well-documented toolkit designed to assist AI agents in generating and maintaining HTML prototypes. It includes a vast library of design system specifications, standardized field norms for a Warehouse Management System (WMS), and a base HTML template. The SKILL.md file provides clear instructions and utility scripts (Python and Bash) for project initialization, file synchronization, and UI testing. These scripts are strictly scoped to local file manipulation within the project directory and do not exhibit any signs of malicious intent, data exfiltration, or unauthorized execution. The 'Long Conversation Context Management' section demonstrates a sophisticated understanding of agent limitations, providing helpful strategies for maintaining project integrity during extended sessions.
能力标签
能力评估
Purpose & Capability
Name/description (prototype/design systems/templates) align with the provided files: SKILL.md, README.md, page templates and 58 design-system markdowns. The skill is instruction-only and asks the agent to create project folders and read the bundled references, which is consistent with prototyping work.
Instruction Scope
Runtime instructions are limited to local authoring actions (mkdir, reading files under references/, copying/applying CSS/HTML templates). This stays within expected scope. Note: README suggests using a Python script for precise replacements but no Python script or code files are included in the package — that's a usability gap (not a direct security issue) and could lead users to run externally sourced scripts if they follow that note.
Install Mechanism
No install spec and no external downloads — instruction-only skill (no code executed on install). This minimizes installation risk.
Credentials
The skill declares no required environment variables, credentials, or config paths. The in-skill suggestion to set DESIGN_SYSTEM=<NAME> is a convenience for selecting bundled files and does not require secrets. There are no requests for unrelated credentials or secrets.
Persistence & Privilege
always:false and no indication the skill modifies agent/system settings or other skills. It does not request persistent presence or elevated privileges.
如何使用
- 确保已安装 OpenClaw(本地或 Docker 部署)
- 在对话框中输入安装命令:
/install prototype-design - 安装完成后,直接呼叫该 Skill 的名称或使用
/prototype-design触发 - 根据 Skill 的参数说明提供必要输入,即可获得结构化输出
版本历史
v1.0.2
prototype-design 1.0.2
- 更新技能描述,更突出58种内置设计风格与复杂业务系统适用场景。
- 明确默认采用Figma风格,强调多设计系统切换能力。
- 其他内容与结构保持一致,无接口和功能变更。
v1.0.1
- No changes detected in files for version 1.0.1.
- No new features, fixes, or documentation updates in this release.
- Functionality and documentation remain unchanged from the previous version.
v1.0.0
Initial release of prototype-design skill:
- Provides general-purpose page prototype design for management UIs, based on Figma-style single-page HTML development.
- Includes standard page structure templates: header, stats cards, filters, data tables, and modal dialog designs.
- Integrates 58+ design systems; quickly apply any style by setting DESIGN_SYSTEM.
- Added practical WMS project experience and detailed context management guide.
- Offers detailed design guidelines for modals, component styling, and common pitfalls.
元数据
常见问题
原型设计技能 是什么?
通用页面原型设计技能。基于 58种设计风格(默认Figma 风格) UI 的复杂业务系统 HTML 原型开发, 包括标准页面结构、统计卡片、筛选条件、数据表格、弹窗设计。 适用场景:(1) 创建新的管理页面原型 (2) 对照业务文档实现功能模块 (3) 设计弹窗和详情页 (4) 构建带看板和列表视图的页面。 **... 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件,目前累计下载 122 次。
如何安装 原型设计技能?
在 OpenClaw 或 Claude Code 对话框中运行命令「/install prototype-design」即可一键安装,无需额外配置。
原型设计技能 是免费的吗?
是的,原型设计技能 完全免费,采用 MIT-0 许可证,可自由下载、安装和使用。
原型设计技能 支持哪些平台?
原型设计技能 跨平台运行,可在任意部署了 OpenClaw / Claude Code 的环境中使用(cross-platform)。
谁开发了 原型设计技能?
由 contsun(@contsun)开发并维护,当前版本 v1.0.2。
推荐 Skills