design-styleUse this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI component, or visual element. This inclu...
Install via ClawdBot CLI:
clawdbot install BenAngel65/design-styleGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://www.transparenttextures.com/patterns/cubes.pngUses known external API (expected, informational)
googleapis.comAudited Apr 16, 2026 · audit v1.0
Generated Mar 20, 2026
A startup wants to modernize their analytics dashboard with a sleek, dark theme to improve user engagement and reduce eye strain for data-heavy tasks. The skill would apply the ModernDark design system to create responsive components like charts and tables.
An online retailer needs a visually striking landing page to promote a new product line with a luxury aesthetic. The skill would use the Luxury design system to craft elegant product cards, hero sections, and call-to-action buttons.
A freelance designer requests a portfolio site with a minimalist, clean interface to showcase their work. The skill would apply the Swiss or FlatDesign system to ensure typography and layout emphasize content without distractions.
A corporation seeks to update their internal admin panel for better usability and a professional look. The skill would use the Enterprise design system to implement scalable, accessible forms and navigation components.
A gaming community wants a vibrant, interactive web app with a cyberpunk theme for events and forums. The skill would apply the Cyberpunk design system with neon colors and futuristic UI elements.
Freelancers use this skill to quickly deliver custom, aesthetically pleasing frontend solutions for clients, charging per project or hourly. It reduces design time and increases client satisfaction with distinctive styles.
Digital agencies integrate the skill into their workflow to offer specialized UI/UX design packages, upselling clients on premium design systems for branding and user experience improvements.
SaaS companies embed the skill into their platforms to allow users to generate styled interfaces automatically, monetizing through subscription tiers or premium design system access.
💬 Integration Tip
Integrate this skill by setting up a prompts directory with design system files and using the Read tool to dynamically load styles based on user input for seamless frontend generation.
Scored Apr 19, 2026
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.
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.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.