claude

saas-frontend-designer

Full-pipeline front-end design system for SaaS products and marketing sites. Generates, polishes, audits, and optimizes production-ready Next.js + React + Tailwind + shadcn/ui interfaces. Includes an anti-slop design-taste gate (Design Read, three dials, anti-default discipline, em-dash ban) adapted from taste-skill (MIT), plus design-fluency material (OKLCH color, typography craft, AI-slop test, craft reference library) consolidated from impeccable (Apache-2.0).

0 on GitHubby MoxyWolf LLCv1.3.0updated todaydesign
/

Plugin saas-frontend-designer from marketplace moxywolf-plugins in MoxyWolfLLC/moxywolf-plugins. Commands read from the repo's manifest — today.

What it installs

Skills (7)

  • accessibility-audit

    This skill should be used when the user says "fix accessibility", "a11y audit", "make this accessible", "keyboard navigation broken", "screen reader support", "WCAG compliance", "fix focus states", "add aria labels", "semantic HTML", "color contrast issues", "accessibility review", "fix tab order",

  • baseline-ui

    This skill should be used when the user says "fix the UI", "polish the interface", "clean up the design", "the UI looks rough", "make it look professional", "UI polish", "visual hierarchy is off", "spacing is inconsistent", "typography needs work", "colors clash", "improve readability", "remove AI s

  • design-system

    This skill should be used when the user says "build a design system", "create a component library", "set up design tokens", "create a theming system", "establish visual consistency", "create a style guide", "Tailwind config setup", "dark mode support", "brand colors setup", "component variants", "cr

  • design-taste

    This skill should be used when the user says "make it not look AI-generated", "give it taste", "it looks generic", "it looks templated", "anti-slop", "before you build the page", "set the design direction", "avoid the AI defaults", or any request to establish design intent BEFORE generating or polis

  • figma-to-code

    This skill should be used when the user says "convert this Figma design", "implement this Figma file", "build this from Figma", "Figma to code", "code this design", "translate the design to React", "implement the mockup", "build from this Figma link", "match this design exactly", or any request to g

  • frontend-design

    This skill should be used when the user says "build a UI", "create a page", "design a screen", "generate a component", "build a landing page", "create a dashboard", "implement this design", "build a SaaS UI", "create a pricing page", "build a settings page", "design a hero section", "create a signup

  • performance-optimization

    This skill should be used when the user says "optimize performance", "fix animation jank", "reduce bundle size", "improve page speed", "fix layout shift", "optimize images", "reduce loading time", "fix motion performance", "prefers-reduced-motion", "lazy load components", "code splitting", "Core Web

Slash commands (4)

  • /saas-frontend-designer:a11y-audit

    Run an accessibility audit on UI code

  • /saas-frontend-designer:design-tokens

    Generate or update design tokens and Tailwind config

  • /saas-frontend-designer:design

    Generate a SaaS UI page or component from a description

  • /saas-frontend-designer:polish

    Run the full UI polish pipeline on existing code

View source on GitHub

More from MoxyWolfLLC/moxywolf-plugins

All 52 plugins →

Frontier Founder SMB (FFSMB) — pre-built small-business workflows on a modern indie-founder stack: Clarify AI CRM, Stripe payments, QuickBooks accounting, DocuSign, Gmail/Google, and claude.ai/design. Cash flow, month-end close, invoice chasing, weekly briefs, CRM upkeep, customer pulse, contract review, hiring, growth campaigns — with an approval gate on anything touching money or customers. A MoxyWolf public fork of Anthropic's Small Business plugin, re-homed off PayPal/HubSpot/Square/Canva. Companion to the Apollo plugin for B2B prospecting. v0.3.1: installable — all 31 skills migrated, design lane rewritten for claude.ai/design, connector manifest in place. Team-beta; a dogfood pass over the transformed money/CRM skills is recommended before public release.

31 skills · 8 MCP servers

0

Bundle of 25 standalone skills used across MoxyWolf work — voice, brand, content ecosystems, plus the Anthropic-shipped reference skills, packaged as one installable plugin. (daily-ops moved out of the bundle in v1.1.0 — install the standalone plugin instead.)

26 skills

0

Operationalizes the 4D AI Fluency Framework (Delegation, Description, Discernment, Diligence) for content production. The single front door for every MoxyWolf blog property: a targets/ registry (FrontierFounder and OpenControls wired; STIGViewer, moxywolf-website, prfaq register-only) drives canonical URL, JSON-LD, frontmatter, and hero per destination, and every post picks a publishing target + a pillar (new or existing) before drafting — the hub-and-spoke methodology, with /blog-pillar to manage pillars and their linking maps. /blog-init is writer-friendly: two folder picks, author name, hero vibe, optional live URL. /blog-voice runs a self-contained 8-question voice interview and writes a per-writer voice profile; multi-voice supported. /blog-start mounts the two directories and surfaces in-progress and unpublished pieces. /blog-pipeline runs the 4-phase pipeline: 30-day discourse sweep across reddit/X/HN/Substack/Facebook/Quora/podcasts/academic with a /council:deliberate synthesis pass, verified bibliography via bibtex-builder, draft in the writer's voice via research-pipeline/content-writer, two-tier anti-AI-slop pass, then a nonce-bound Release Owner Gate (100-point rubric). On sign-off, the pipeline ends — social derivatives are opt-in. /blog-social derives any subset of: LinkedIn Post + first-comment (feed Post 1,300-2,500 chars sweet spot, 2,900 hard cap under LinkedIn's 3,000-char ceiling, zero body links; companion first-comment file with the fixed "If you want to do your own research…" opener, the blog URL, and the 2-3 sources the Post quotes inline), LinkedIn Article (optional long-form, separate selection), Twitter/X (5-10 post thread with ≤280-char per-post hard cap, script-enforced), Facebook (single 300-500 char post with body-inline link). One voice profile, per-platform register shifts (Twitter compressed; Facebook warmer; LinkedIn professional; first-comment voice-off and utilitarian). /blog-publish ships a signed post — the writer never types a

9 skills · 15 commands · hooks

0

The MoxyWolf coding loop. Design doc first, build against it, cross-tool peer review at a checkpoint, human merge. Carries the verification discipline: a check reports what it examined, a pass over zero input is a failure, and every claim of 'it works' names what was and was not verified.

1 skill · 19 commands · 2 agents · hooks

0

Daily LinkedIn go-to-market operations through the GTM API MCP server with one human approval gate a day: health check, signal sweep, drafts in Dorian's voice, ONE approval batch signed by the named Release Owner, then approved items only, run one at a time through preview then confirm, stopping on any rate limit, block or checkpoint. Publishing with golden-hour replies, inbox triage, digest, weekly KPIs and a CRM touch export. Ships a client that refuses outward tools without a recorded decision.

10 skills · 11 commands

0

End-to-end academic content pipeline: BibTeX theme mapping, perspective and voice capture, Academia.edu formatting, structure planning, iterative drafting, bibliography generation, and a 10-phase professor critique. Voice-first — voice and formatting are fixed before drafting, not retrofitted.

12 skills · 7 commands

0

Similar plugins

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

daisyui

claudecodex

daisyUI component library skill

7 skills

saadeghi/daisyui 42,821

Backend API design, GraphQL architecture, workflow orchestration with Temporal, and test-driven backend development

9 skills · 1 command · 8 agents

wshobson/agents 42,461

Zero-dependency HTML presentation generator with safe presets, bold template-library styles, PPT conversion, and anti-AI-slop design philosophy.

1 skill

zarazhangrui/frontend-slides 32,274

Maintain saas-frontend-designer?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins52 plugins