ui-ux-devGenerate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.
Install via ClawdBot CLI:
clawdbot install wing8169/ui-ux-devGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Feb 28, 2026
A tech startup needs a professional landing page to showcase their new app and capture leads. The UI Designer can generate a responsive React page with clear CTAs, brand-aligned colors, and optimized images, enabling quick iteration based on founder feedback without hiring a developer.
An online retailer wants to prototype a sales dashboard for internal use. The tool can create a functional UI with data visualizations and navigation, using Tailwind for styling and live previews to refine layout and usability before full development.
A conference organizer needs a one-page website for an upcoming event with schedule, speaker bios, and registration. The UI Designer can build a visually appealing page with responsive design, image optimization, and easy updates as details change.
A freelance designer or developer requires a personal portfolio to showcase work. The tool generates a clean, mobile-friendly React page with project galleries and contact forms, allowing quick customization and export for hosting.
A company needs to mock up an internal admin tool for managing customer data. The UI Designer can produce a functional prototype with form elements and tables, facilitating stakeholder review and iteration before coding begins.
Offer a free tier for basic UI generation with limited projects, and charge for advanced features like custom domains, premium templates, and team collaboration. Revenue comes from monthly subscriptions, targeting small businesses and freelancers.
Sell licenses to design and development agencies for rapid client prototyping. Include features like white-labeling and export options, with pricing based on team size or project volume. Revenue is generated through annual contracts.
Integrate with platforms like WordPress or Shopify to allow users to generate and deploy designs directly. Monetize through transaction fees or commissions on template sales, appealing to non-technical users building online stores.
💬 Integration Tip
Integrate with version control systems like Git to track design iterations and collaborate with developers, ensuring seamless handoff from prototype to production code.
Scored Apr 15, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer han...
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and generating comprehensive design documentation. Read-only analysis of Figma files with powerful export and reporting capabilities.
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
Automation skill for ui-designer.