AI+原型设计

About this Skill

AI-driven interactive prototype design skill that generates clickable, responsive HTML/CSS/JS prototypes from natural language descriptions. This skill should be used when users want to create UI mockups, wireframes, interactive prototypes, product prototypes, app screens, dashboard layouts, landing pages, admin panels, or any visual interface design that can be validated through interaction. Trigger phrases include: generate a prototype, create a mockup, design a UI, make a wireframe, build a clickable prototype, create a dashboard, design a landing page, make an app screen, generate a wireframe, 生成原型, 制作原型, 设计原型, 生成界面, 创建交互原型, 做一个页面设计, 生成线框图, 设计仪表盘, 制作落地页, 设计后台管理界面, 生成App界面, 做一个原型图, 设计网页原型, 交互原型设计, 快速原型, 产品原型, UI原型, UX原型, 高保真原型, 低保真原型, clickable prototype, interactive mockup, product prototype, UI mockup, wireframe, hi-fi prototype, lo-fi prototype, prototype from description, text to prototype, design from requirements, PRD to prototype, 需求转原型, 描述生成页面. Also triggers on requests to iterate or modify existing prototypes: modify the prototype, update the layout, change the design, adjust colors, add a component, 修改原型, 调整布局, 更新设计, 添加组件. Covers both low-fidelity wireframes and high-fidelity interactive prototypes with realistic data, animations, and responsive behavior.