← Back to Skills Marketplace
122
Downloads
1
Stars
0
Active Installs
3
Versions
Install in OpenClaw
/install prototype-design
Description
通用页面原型设计技能。基于 58种设计风格(默认Figma 风格) UI 的复杂业务系统 HTML 原型开发, 包括标准页面结构、统计卡片、筛选条件、数据表格、弹窗设计。 适用场景:(1) 创建新的管理页面原型 (2) 对照业务文档实现功能模块 (3) 设计弹窗和详情页 (4) 构建带看板和列表视图的页面。 **...
Usage Guidance
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.
Capability Analysis
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.
Capability Tags
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install prototype-design - After installation, invoke the skill by name or use
/prototype-design - Provide required inputs per the skill's parameter spec and get structured output
Version History
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.
Metadata
Frequently Asked Questions
What is 原型设计技能?
通用页面原型设计技能。基于 58种设计风格(默认Figma 风格) UI 的复杂业务系统 HTML 原型开发, 包括标准页面结构、统计卡片、筛选条件、数据表格、弹窗设计。 适用场景:(1) 创建新的管理页面原型 (2) 对照业务文档实现功能模块 (3) 设计弹窗和详情页 (4) 构建带看板和列表视图的页面。 **... It is an AI Agent Skill for Claude Code / OpenClaw, with 122 downloads so far.
How do I install 原型设计技能?
Run "/install prototype-design" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is 原型设计技能 free?
Yes, 原型设计技能 is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does 原型设计技能 support?
原型设计技能 is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created 原型设计技能?
It is built and maintained by contsun (@contsun); the current version is v1.0.2.
More Skills