frontend

Plugin frontend from marketplace jezweb-skills in jezweb/claude-skills. Commands read from the repo's manifest — 1 month ago.

Skills (9)

• design-loop

  Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind, integrates it into the site, verifies visually, then writes the next task to keep the loop alive. Use whenever the user asks to build an entire s

• design-review

  Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, interaction patterns, and responsive behaviour. Not a UX audit (that checks usability) — this checks whether it looks professional and polished. Produces a design findings report with sc

• design-system

  Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typography, component styles, spacing, and atmosphere through browser automation and HTML inspection. Produces a semantic design system document optimised for consistent page generation.

• landing-page

  Generate a complete, deployable landing page from a brief. Produces a single self-contained HTML file with Tailwind CSS (via CDN), responsive design, dark mode, semantic HTML, and OG meta tags. Sections: hero with CTA, features, social proof, pricing (optional), FAQ, footer. Use when building a mark

• product-showcase

  Generate a comprehensive marketing website for a web app — multi-page with real screenshots, animated GIF walkthroughs, feature deep-dives, and workflow demonstrations. Browses the running app, captures screens and sequences, and produces a deployable site that actually teaches people what the produ

• react-native

  React Native and Expo patterns for building performant mobile apps. Covers list performance, animations with Reanimated, navigation, UI patterns, state management, platform-specific code, and Expo workflows. Use when building or reviewing React Native code. Triggers: 'react native', 'expo', 'mobile

• react-patterns

  React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact — eliminating waterfalls, bundle optimisation, re-render prevention, composition over boolean props, server/client boundaries, and React 19 APIs. Use when writing, reviewing, or refa

• shadcn-ui

  Install and configure shadcn/ui components for React projects. Guides component selection, installation order, dependency management, customisation with semantic tokens, and common UI recipes (forms, data tables, navigation, modals). Use after tailwind-theme-builder has set up the theme infrastructu

• tailwind-theme-builder

  Set up Tailwind v4 + shadcn/ui themed UI with dark mode. Install deps, configure CSS variables via @theme inline, wire dark mode toggle, verify. Use whenever the user mentions Tailwind v4, setting up Tailwind theming, shadcn/ui colours, dark mode, or troubleshooting colours not working, tw-animate-c

Slash commands (7)

• /frontend:design-review

  Review visual design quality — layout, typography, spacing, colour, consistency

• /frontend:landing-page

  Generate a deployable landing page from a brief

• /frontend:product-showcase

  Generate a marketing website for a web app — multi-page with real screenshots and animated GIF walkthroughs

• /frontend:react-native

  React Native and Expo patterns for building performant mobile apps

• /frontend:react-patterns

  Review React code for performance and composition patterns — 50+ rules ranked by impact

• /frontend:shadcn-ui

  Install and configure shadcn/ui components

• /frontend:tailwind-theme-builder

  Set up Tailwind v4 theming with CSS variables and dark mode

Similar plugins