frontend-design-anthropicCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifact...
Install via ClawdBot CLI:
clawdbot install pupuking723/frontend-design-anthropicGrade 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 17, 2026 · audit v1.0
Generated Mar 21, 2026
Design a visually striking landing page for a boutique fashion brand, focusing on a luxury/refined aesthetic with custom typography and subtle animations to showcase products. The page should include interactive product galleries and a cohesive color scheme to enhance brand identity and drive conversions.
Create a production-grade dashboard for a fintech startup, using a brutalist/raw aesthetic with asymmetrical layouts and bold color accents to display real-time financial data. The design should prioritize readability and user engagement through scroll-triggered animations and unique visual elements.
Build a playful/toy-like registration interface for a children's educational event, featuring vibrant colors, organic shapes, and interactive hover effects. The portal should be accessible and fun, encouraging user interaction while handling form submissions efficiently.
Develop a retro-futuristic portfolio site for a creative professional, incorporating geometric patterns, gradient meshes, and staggered reveal animations. The site should highlight projects with an editorial/magazine tone, using distinctive fonts to create a memorable user experience.
Design a soft/pastel interface for a meditation app, focusing on organic/natural aesthetics with calming animations and generous negative space. The UI should include features like progress tracking and guided sessions, ensuring a serene and cohesive user journey.
Offer custom frontend design services to clients in industries like e-commerce or tech, creating unique interfaces that avoid generic aesthetics. Revenue is generated through project-based fees or hourly rates, with potential for recurring contracts for updates.
Sell premium, aesthetically distinct web templates and components on platforms like ThemeForest or a proprietary site. Focus on niche markets such as creative portfolios or dashboards, with revenue from one-time sales or subscription access to a template library.
Collaborate with digital agencies to provide specialized frontend design for their clients, enhancing projects with production-grade, creative interfaces. Revenue comes from retainer agreements or per-project commissions, leveraging the skill's ability to deliver high-quality, memorable designs.
💬 Integration Tip
Integrate this skill by specifying clear aesthetic directions and technical constraints in user prompts, and use it alongside development frameworks like React or Vue for seamless implementation.
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.