← Back to Skills Marketplace
155
Downloads
0
Stars
0
Active Installs
1
Versions
Install in OpenClaw
/install prd-to-prototype-yinin
Description
从产品需求到可交互原型的完整工作流。当用户表达产品想法(如'我想做一个...'、'帮我设计...')时触发。支持:1) 零提问直出PRD 2) 平台选择确认 3) 生成Awwwards级别的高保真HTML/Tailwind原型(移动端/PC端)。端到端产品设计流程。
Usage Guidance
This skill appears to be what it says: it will create a PRD at /workspace/docs/prd.md and HTML/Tailwind files under /workspace/prototype/. Before enabling or running it: 1) Be aware it will not ask any clarifying questions — review the generated PRD carefully before asking it to build the prototype to avoid incorrect assumptions. 2) The preview pages load external resources (Tailwind, FontAwesome, Unsplash); if you care about privacy or leakage of prototype content, run it in a sandboxed workspace or replace remote image/CDN references with local assets. 3) Because the skill can write files and (optionally) call deployment tools, verify generated code and any deploy action before publishing. If you want tighter control, require the user to explicitly confirm the PRD (rather than auto-follow the 'no questions' rule) or disable autonomous invocation until you have reviewed outputs.
Capability Analysis
Type: OpenClaw Skill
Name: prd-to-prototype-yinin
Version: 1.0.0
The skill is a legitimate productivity tool designed to automate the creation of PRD documents and high-fidelity HTML/Tailwind prototypes. It follows a structured two-phase workflow, writing files to the local /workspace directory and using standard CDNs (Tailwind, FontAwesome, Unsplash) for assets. There is no evidence of data exfiltration, malicious command execution, or harmful prompt injection; the 'no questions' rule is a functional design choice for rapid prototyping rather than a security bypass.
Capability Assessment
Purpose & Capability
Name/description (PRD → prototype) match the instructions: it writes a PRD to /workspace/docs/prd.md, then generates HTML/Tailwind files in /workspace/prototype/. It does not request unrelated binaries, credentials, or config paths.
Instruction Scope
Instructions are explicit and constrained to the /workspace directory and to generating PRD + prototype. However, the skill enforces a strict 'no clarification questions' policy and mandates the exact GenUI confirmation form, which is a behavioral design choice (not a security mismatch) but can lead to incorrect assumptions or low-quality PRDs because the agent is forbidden from clarifying ambiguous user input. The instructions also require fetching external assets (Unsplash, Tailwind CDN, FontAwesome CDN) when rendering previews.
Install Mechanism
No install spec and no code files — instruction-only skill. No downloads or archive extraction to disk; lowest-risk install posture.
Credentials
Skill requires no environment variables, credentials, or special config paths (proportionate). It does reference external CDNs and Unsplash image URLs for runtime previews; this implies network access and use of third-party resources, which can have privacy/referrer implications but are reasonable for a web prototype generator.
Persistence & Privilege
Does not request always:true, does not modify other skills or system settings. It writes to /workspace (expected for a code/artifact generator) and may call a deploy tool if available (this is conditional and not specified as privileged).
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install prd-to-prototype-yinin - After installation, invoke the skill by name or use
/prd-to-prototype-yinin - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
PRD to Prototype 1.0.0 — 从产品需求到可交互原型的端到端工作流上线。
- 支持用户提出想法后,无需补充,自动生成完整PRD文档。
- 严格两步流程:先出PRD,用户选择平台后再生成可预览的高保真HTML/Tailwind原型。
- 全流程禁止提问:即使需求模糊,也自动补全细节并产出完整方案。
- 原型设计对标Awwwards/Dribbble/Apple规范,包含配色、排版、图片、动效等详细美学标准。
- 产物全部中文,所有图片来自Unsplash,无任何占位符内容。
- 输出标准化目录,支持浏览器直接预览,流程中内置GenUI确认选项表单。
Metadata
Frequently Asked Questions
What is PRD to Prototype?
从产品需求到可交互原型的完整工作流。当用户表达产品想法(如'我想做一个...'、'帮我设计...')时触发。支持:1) 零提问直出PRD 2) 平台选择确认 3) 生成Awwwards级别的高保真HTML/Tailwind原型(移动端/PC端)。端到端产品设计流程。 It is an AI Agent Skill for Claude Code / OpenClaw, with 155 downloads so far.
How do I install PRD to Prototype?
Run "/install prd-to-prototype-yinin" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is PRD to Prototype free?
Yes, PRD to Prototype is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does PRD to Prototype support?
PRD to Prototype is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created PRD to Prototype?
It is built and maintained by yinin2005 (@yinin2005); the current version is v1.0.0.
More Skills