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.
Accesses system directories or attempts privilege escalation
sudo chownCalls external URL not in known-safe list
https://cdn.tailwindcss.comUses known external API (expected, informational)
googleapis.comAI Analysis
The skill's external CDN calls (Tailwind, React, Babel) are standard for frontend development and align with its stated purpose, posing minimal risk. The 'sudo chown' reference in the signals is concerning but appears in a setup script context for local file permissions, not for privilege escalation. No evidence of data exfiltration, credential harvesting, or hidden malicious instructions exists in the provided definition.
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 19, 2026
Audited Apr 16, 2026 · audit v1.0
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
CSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.