prototype-factoryHigh-fidelity interactive prototype production (Flutter, SwiftUI, React) with motion, stock assets, and pitch-ready handoff. Use when asked to design/build "...
Install via ClawdBot CLI:
clawdbot install ndabuddah/prototype-factoryGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 8, 2026
Build a high-fidelity mobile shopping prototype with animated product cards, smooth transitions, and a neon/cyber theme. Includes onboarding, dashboard, product detail, and checkout flows with stock media and Lottie animations.
Create a responsive web dashboard for a data analytics startup. Features include interactive charts, dark mode UI, Framer Motion animations, and a polished handoff package for investor pitches.
Develop a cross-platform fitness tracking app with video workout integration, neon glassmorphism UI, and real-time progress stubs. Showcases SwiftUI on iOS and Flutter for Android with hero animations.
Produce an interactive music player prototype with Lottie animations, custom sliders, and a dark neon theme. Includes playlist management, background video, and smooth tab navigation.
Design a secure and polished onboarding and KYC verification flow for a fintech startup. Features include animated form steps, biometric mockups, and accessibility-first design with high contrast and focus indicators.
Offer prototype factory as a service to startups and enterprises needing rapid demo creation for pitches, fund-raising, or user testing. Charge per project or subscription with fixed deliverables.
Build a no-code prototype builder based on this skill's reusable components and workflows. Users assemble prototypes visually from pre-built modules (neon cards, glass buttons, animations).
License the skill's methodology and templates to design agencies or in-house teams via workshops, certification, and toolkits. Includes access to design language, code scaffolds, and handoff checklists.
💬 Integration Tip
Integrate with popular design tools like Figma for asset export, and use GitHub Actions for automated linting and build checks during handoff.
Scored May 8, 2026
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
Senior product designer methodology ensuring thorough user research, structured architecture, accessible color and typography systems, and pixel-perfect UI e...
Complete Motion.dev documentation - modern animation library for React, JavaScript, and Vue (formerly Framer Motion)
Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-conv...
Shared design system for yuanfang-skills. Provides token CSS variables, 12+ themes, and reusable layout-type HTML blocks. Used by yuanfang-html-image (and fu...
Use when building, reviewing, or improving frontend UI that needs product-specific design direction, design-system generation, Master/Page overrides, distinc...