frontend-design-1-0-0Create 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.
Install via ClawdBot CLI:
clawdbot install dc-acronym/frontend-design-1-0-0Grade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
http://www.apache.org/licenses/Audited Apr 16, 2026 · audit v1.0
Generated Mar 1, 2026
Create a visually striking product page for a luxury fashion brand, using a maximalist aesthetic with bold typography, layered animations, and custom cursors to enhance user engagement and drive sales.
Develop a distinctive portfolio site with an editorial/magazine tone, featuring asymmetric layouts, scroll-triggered animations, and unique font pairings to showcase creative work and attract high-end clients.
Build a production-grade dashboard for a tech startup, employing a brutalist/raw aesthetic with industrial color schemes, grid-breaking elements, and functional animations to improve user productivity and data visualization.
Design a playful/toy-like landing page for a children's educational event, using pastel colors, organic shapes, and interactive hover effects to increase registrations and create a memorable user experience.
Implement a retro-futuristic homepage for a digital news outlet, featuring geometric patterns, dramatic shadows, and staggered reveal animations to boost reader engagement and differentiate from competitors.
Offer custom frontend design services to clients seeking unique, production-grade interfaces, charging project-based or hourly rates for creative development and implementation.
Sell distinctive frontend templates and components on platforms like ThemeForest or Gumroad, targeting developers and businesses looking to avoid generic designs and enhance their web presence.
Collaborate with digital agencies to provide specialized frontend design expertise for high-value projects, such as rebranding campaigns or product launches, on a retainer or contract basis.
💬 Integration Tip
Integrate this skill by providing clear frontend requirements and aesthetic direction upfront, and ensure technical constraints like framework compatibility are specified to generate cohesive, production-ready code.
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.