claude

frontend

Designs and reviews frontend UI: invents art-directed page direction from a brief, shapes perceived wait with the right loading pattern, and audits UI code against web interface guidelines

0 on GitHubby j0hanzv0.3.2MITupdated yesterdayfrontend
/

Plugin frontend from marketplace j0hanz-marketplace in j0hanz/j0hanz-marketplace. Commands read from the repo's manifest — today.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (3)

  • design

    Invent art direction for a UI whose whole look is up for grabs — a new page, or replacing a look that could be anyone's. Ships one self-contained HTML page (no build step) or builds in the stack the brief names. Not for polishing a direction that already works, nor for auditing code against the floo

  • guidelines

    Floor rules for frontend UI code — semantics, focus, forms, motion, typography, performance, theming, i18n. Reach when reviewing UI ('review my UI', 'audit accessibility', 'check best practices', 'review UX') or when a build needs the mechanical floor it must meet. Not for inventing a look (frontend

  • wait

    Shape the perceived wait — loading indicators, skeletons, optimistic updates. Use when building UI where content takes time to arrive, or when reviewing a screen that stalls. Not for the latency budget itself (how long a wait is acceptable) or for post-action success confirmation; the broader state

Hooks (1)

  • Stop

    node "${CLAUDE_PLUGIN_ROOT}/hooks/sweep-fe.mjs"

View source on GitHub j0hanz-marketplace.vercel.app

More from j0hanz/j0hanz-marketplace

All 14 plugins →

workbench

claude

Every tool for the job on one bench: decide, research, spec, plan, build test-first, debug, refactor, review, audit, verify — plus authoring the skills, hooks and QA docs you reach for next

24 skills · hooks

0

mcp-hub

claude

MCP development skills for TypeScript SDK v2

10 skills · 3 agents · hooks

0

groundwork

claude

The thinking before the code: grill a plan, keep the domain model in GLOSSARY.md and ADRs, design deep modules, surface deepening opportunities, prototype logic and layouts, research primary sources

7 skills

0

writeup

claude

PR descriptions and commit messages written for people: plain prose, structural diagrams, slop flagged on write.

4 skills · hooks

0

css

claude

Stops agents wrecking your CSS: refuses writes carrying provable defects, advises on performance and accessibility failures

3 skills · hooks

0

typescript-pro

claude

TypeScript type system skills: type-level utilities and type tests, .d.ts declaration contracts for packages and untyped APIs, JSDoc type-checking for plain .js files, and tsconfig selection by runtime

4 skills

0

Similar plugins

frontend-design

claude

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

1 skill

anthropics/claude-code 155,476

ui-ux-pro-max

claude

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

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

impeccable

claude

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

ruflo-browser

claude

Agentic browser automation with Playwright for testing, scraping, and UI interaction

10 skills · 1 command · 1 agent

ruvnet/ruflo 81,589

Maintain frontend?

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 plugins14 plugins