frontend-designCreate distinctive, accessible frontend interfaces with deliberate palette, typography, and layout choices. Use when building UI components, pages, dashboard...
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 19, 2026
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes, intercepting routes, or any Next.js architecture question.
Write Tailwind utility classes with proper responsive design, dark mode, and configuration.
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.
Look up domain WHOIS/RDAP info and check marketplace listings. Free API, no auth required.