mar-frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Gener...
Install via ClawdBot CLI:
clawdbot install marjoriebroad/mar-frontend-designGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 13, 2026
Create a luxury e-commerce interface that uses bold maximalist design with custom typography and dramatic animations to showcase premium products. The interface includes dynamic product zoom, staggered load animations, and a refined checkout flow to enhance perceived value.
Build a visually distinctive portfolio website for a design agency that uses asymmetric layouts, overlapping elements, and custom cursor effects. The design communicates the agency's creativity and attention to detail, attracting high-end clients.
Develop a production-grade SaaS dashboard that breaks free from generic admin panels by using a cohesive color palette, unique data visualization styles, and subtle motion cues. The result improves user engagement and brand recall.
Design an editorial-style landing page for a digital magazine that combines bold typography, generous whitespace, and grid-breaking layouts. The page creates a memorable reading experience and drives subscriptions.
Craft an immersive microsite for a music festival or product launch using retro-futuristic aesthetics, animated backgrounds, and a countdown timer. The design generates excitement and encourages ticket purchases.
Offer high-quality frontend design services on a subscription basis, delivering custom interfaces with distinctive aesthetics. Revenue comes from monthly retainers from clients who need ongoing design work.
Sell premium, hand-crafted frontend templates that avoid generic AI aesthetics. These templates target businesses wanting production-grade design without hiring a full-time designer.
Provide end-to-end design and development services for companies wanting to rebrand or launch new products. Revenue comes from project-based fees or retainers for ongoing creative direction.
💬 Integration Tip
Integrate with any frontend stack (React, Vue, vanilla JS) by extracting the generated CSS and modular components. Ensure your build pipeline supports CSS variables and modern CSS features like grid and animations.
Scored May 13, 2026
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
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.
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.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...