frontend-designCreate 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 steipete/frontend-designGrade Good — 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 Feb 26, 2026
Create a visually striking product page for a luxury fashion brand, using a maximalist aesthetic with art deco geometric patterns, dramatic shadows, and custom hover animations to enhance user engagement and drive sales.
Develop a production-grade dashboard for a data analytics startup, employing a brutalist raw aesthetic with asymmetric layouts, distinctive typography, and scroll-triggered animations to present complex information in an unforgettable way.
Build a playful, toy-like interface for a children's educational conference, featuring pastel color schemes, organic shapes, and interactive micro-interactions to create a fun and engaging user experience for parents and kids.
Design a retro-futuristic portfolio for a graphic designer, using gradient meshes, noise textures, and diagonal flow layouts to showcase work in a unique, editorial-style format that stands out in the creative industry.
Implement a refined, minimalist interface for a telehealth service, focusing on precision spacing, soft color palettes, and subtle motion effects to build trust and ensure accessibility for patients of all ages.
Offer custom frontend development for clients seeking unique, non-generic web interfaces, charging project-based or hourly rates for distinctive designs that avoid AI slop aesthetics.
Sell premium, aesthetically bold frontend templates and components on platforms like ThemeForest or GitHub, targeting developers who need production-grade code with creative visual elements.
Collaborate with digital agencies to provide specialized frontend design expertise for high-end projects, leveraging the skill's focus on unique aesthetics to differentiate their offerings and command premium pricing.
💬 Integration Tip
Integrate this skill into existing projects by using its guidelines to audit and enhance visual elements, ensuring code is modular and compatible with frameworks like React or Vue for seamless updates.
Scored Apr 16, 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.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use...
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.
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architect...
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.