← Back to Skills Marketplace
ckchzh

Prototype

by BytesAgain2 · GitHub ↗ · v3.4.1 · MIT-0
cross-platform ✓ Security Clean
436
Downloads
0
Stars
1
Active Installs
14
Versions
Install in OpenClaw
/install prototype
Description
Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML.
README (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

Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
✓ 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.
How to Use
  1. Make sure OpenClaw is installed (local or Docker)
  2. Run the install command in chat: /install prototype
  3. After installation, invoke the skill by name or use /prototype
  4. Provide required inputs per the skill's parameter spec and get structured output
Version History
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
Metadata
Slug prototype
Version 3.4.1
License MIT-0
All-time Installs 1
Active Installs 1
Total Versions 14
Frequently Asked Questions

What is Prototype?

Build interactive HTML prototypes. Use when creating clickable mockups, adding animations, linking pages, or exporting HTML. It is an AI Agent Skill for Claude Code / OpenClaw, with 436 downloads so far.

How do I install Prototype?

Run "/install prototype" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is Prototype free?

Yes, Prototype is completely free, licensed under MIT-0. You can download, install and use it at no cost.

Which platforms does Prototype support?

Prototype is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).

Who created Prototype?

It is built and maintained by BytesAgain2 (@ckchzh); the current version is v3.4.1.

More 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.
⬇ 191113 · 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

💬 Comments