← 返回 Skills 市场
ckchzh

Prototype

作者 BytesAgain2 · GitHub ↗ · v3.4.1 · MIT-0
cross-platform ✓ 安全检测通过
436
总下载
0
收藏
1
当前安装
14
版本数
在 OpenClaw 中安装
/install prototype
功能描述
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
使用说明 (SKILL.md)

Prototype

Create interactive HTML prototypes with components, animations, and navigation.

Commands

create

Create a new interactive prototype HTML page with specified sections and style.

bash scripts/script.sh create --name "app-proto" --sections "nav,hero,features,footer" --theme light --output proto/

component

Generate a standalone UI component (button, modal, card, form, navbar, etc).

bash scripts/script.sh component --type modal --title "Confirm" --body "Are you sure?" --actions "cancel,confirm" --output components/

animate

Add CSS animation to an element in an existing prototype HTML file.

bash scripts/script.sh animate --input proto/index.html --selector ".hero" --animation fadeIn --duration 0.5s --output proto/index.html

link

Add click-based page navigation between prototype pages.

bash scripts/script.sh link --from proto/index.html --selector ".nav-about" --to proto/about.html

preview

Generate a preview summary of a prototype: page list, component count, linked routes.

bash scripts/script.sh preview --input proto/

export

Bundle a multi-page prototype into a single self-contained HTML file with all assets inlined.

bash scripts/script.sh export --input proto/ --output prototype-bundle.html

Output

  • create: HTML file(s) in the output directory with inline CSS and JS
  • component: HTML snippet file for the specified component
  • animate: Updated HTML file with injected CSS keyframes and class
  • link: Updated HTML file with onclick navigation wired
  • preview: Summary printed to stdout (pages, components, links)
  • export: Single HTML file with all pages, styles, and scripts inlined

Requirements

  • bash 4+

Feedback

https://bytesagain.com/feedback/

Powered by BytesAgain | bytesagain.com

安全使用建议
This skill appears coherent and implements what it advertises: a bash-based HTML prototype generator. Before running or allowing autonomous execution, review scripts/script.sh yourself and avoid pointing the tool at system or sensitive directories (e.g., /etc, your home with secrets) because it will create and overwrite files in the output/input paths you supply. If you want extra safety, run the commands in a sandboxed workspace or container and do not run them with elevated privileges.
功能分析
Type: OpenClaw Skill Name: prototype Version: 3.4.1 The 'prototype' skill bundle is a legitimate utility for generating interactive HTML mockups and UI components. The core logic in `scripts/script.sh` performs standard file operations, CSS/JS injection, and HTML bundling consistent with its stated purpose, with no evidence of data exfiltration, malicious execution, or persistence mechanisms.
能力评估
✓ Purpose & Capability
Name/description (interactive HTML prototypes) aligns with the included script and commands (create, component, animate, link, preview, export). The only declared requirement is bash 4+, which is appropriate for a shell script-based tool.
✓ Instruction Scope
SKILL.md tells the agent to run scripts/script.sh with explicit commands and options. The script generates and updates HTML/CSS/JS files and prints previews; it does not request reading unrelated system files or contacting external endpoints. Note: the script writes files to user-specified output paths and reads prototype input directories (for preview/export), so pointing it at sensitive system paths could overwrite or expose files — this is expected behavior for a file generator but worth caution.
✓ Install Mechanism
No install specification is provided (instruction-only with a bundled script). Nothing is downloaded or written to disk beyond the included script when the skill is installed; execution happens when the agent runs the script. This is low-risk compared to remote installs.
✓ Credentials
The skill does not request environment variables, credentials, or config paths. The script does not appear to read secrets or external tokens, which fits the stated purpose.
✓ Persistence & Privilege
always: false and no special persistence or modification of other skills or agent configuration are requested. The skill can be invoked by the model (normal default) but does not demand elevated or permanent privileges.
如何使用
  1. 确保已安装 OpenClaw（本地或 Docker 部署）
  2. 在对话框中输入安装命令：/install prototype
  3. 安装完成后，直接呼叫该 Skill 的名称或使用 /prototype 触发
  4. 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v3.4.1
v2.5 standard: Use-when desc, homepage, source, security fix
v3.4.0
manual
v3.3.0
Major rewrite: domain-specific commands, Use-when description, security fixes, dependency declarations
v1.0.6
manual
v3.2.0
Concise description (no truncation), add homepage+source metadata
v3.1.0
Security fix: safe env-var Python invocation; add Requirements section; fix description format
v3.0.1
Fix: add Requirements, fix description
v3.0.0
Major rewrite
v1.0.5
yaml-fix+quality
v1.0.4
yaml-fix+quality
v1.0.3
Quality upgrade
v1.0.2
Quality upgrade: custom functionality
v1.0.1
Standards compliance: unique content, no template text
v1.0.0
Initial release
元数据
Slug prototype
版本 3.4.1
许可证 MIT-0
累计安装 1
当前安装数 1
历史版本数 14
常见问题

Prototype 是什么？

Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 436 次。

如何安装 Prototype？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install prototype」即可一键安装，无需额外配置。

Prototype 是免费的吗？

是的，Prototype 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。

Prototype 支持哪些平台？

Prototype 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。

谁开发了 Prototype？

由 BytesAgain2（@ckchzh）开发并维护，当前版本 v3.4.1。

推荐 Skills
self-improving agent
Captures learnings, errors, and corrections to enable continuous improvement. Use when: (1) A command or operation fails unexpectedly, (2) User corrects Clau...
⬇ 463283 · by pskoett
Skill Vetter
Security-first skill vetting for AI agents. Use before installing any skill from ClawdHub, GitHub, or other sources. Checks for red flags, permission scope, and suspicious patterns.
⬇ 259410 · by spclaudehome
Polymarket
Query Polymarket prediction markets. Check odds, find trending markets, search events, track price movements.
⬇ 232503 · by joelchance
Self-Improving + Proactive Agent
Self-reflection + Self-criticism + Self-learning + Self-organizing memory. Agent evaluates its own work, catches mistakes, and improves permanently. Use when...
⬇ 200423 · by ivangdavila
Github
Interact with GitHub using the `gh` CLI. Use `gh issue`, `gh pr`, `gh run`, and `gh api` for issues, PRs, CI runs, and advanced queries.
⬇ 191115 · by steipete
ontology
Typed knowledge graph for structured agent memory and composable skills. Use when creating/querying entities (Person, Project, Task, Event, Document), linkin...
⬇ 190156 · by oswalpalash

💬 留言讨论