Plugins

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

Frontend design skill for creating distinctive, production-grade UI/UX implementations with high design quality.

Optional external dependency (official Anthropic). Design guidance for the frontend architects (react, vue, angular, react-native, inertia-*). Raw generation converges on generic AI aesthetics regardless of model tier — this is the fix for that, not a bigger model. Pipeline runs without it.

Frontend design skill for UI/UX implementation

from macnversion/skills

13 anti-slop frontend design + image-generation skills from Leonxlnx/taste-skill.

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

from ShintaroaSuzuki/shintaroasuzuki-plugins

from Ralle1976/claude-code-multimodel

Audit and improve front-end usability using 15 established design principles. Acts as a Senior UX designer/engineer reviewing your interface end-to-end.

Component building, styling review, and accessibility checks for React/Next.js

Component building, styling review, and accessibility checks for React/Next.js

Frontend-engineering team — 4 agents (frontend-architect, react-implementation-engineer, frontend-state-and-data-engineer, frontend-performance-engineer) for building app-grade frontends (React/Next, TypeScript): component architecture and composition, the rendering-strategy choice (CSR/SSR/SSG/ISR/React Server Components), client state vs server-cache (TanStack Query/RSC) and form/validation, bundle/performance discipline (code-splitting, Core Web Vitals, hydration cost), and accessibility-in-code (semantic HTML, ARIA, keyboard, focus). TypeScript-first. 5 skills, a decision-tree knowledge bank (rendering-strategy + state-location trees + a dated 2026 map), 12 best-practices, 4 templates, 4 commands, 1 advisory hook. Distinct from web-design (brand/UX/marketing sites). Seams: design/brand/WCAG-audit -> web-design, auth UX -> auth-identity, API consumption -> api-engineering, native -> mobile-engineering. Requires ravenclaude-core@>=0.7.0.

Frontend, UI/UX, asset extraction, CSS library, dashboard, GUI, local app, web platform, Tailwind

Install and update the claude-code-frontend kit in the current repo

Frontend UI development and mobile application implementation across platforms

Frontend UI development and mobile application implementation across platforms

Frontend UI development and mobile application implementation across platforms

XSS prevention, CSRF protection, content security policies, mobile app security, and secure storage patterns

XSS prevention, CSRF protection, content security policies, mobile app security, and secure storage patterns

Frontend design, Figma, HyperFrames, Remotion, agent-browser, Playwright, Chrome DevTools, web assets, marketing copy & SEO, Astro docs MCP

React/TypeScript + Go enforcement harness. Hooks enforce accessibility, React/TypeScript correctness, styling, env/data rules, warning-free tests and CI, security, PR feedback completeness, worktree safety, and lockfile parity. Skills cover planning, TDD, review, dependency upgrades, resilience, PR reviewability, visual planning, status summaries, CI-green shipping, and handoff. Includes Builder.io and Cursor Team Kit workflows. POSIX-friendly.

2 working methods for frontend: design-systems, frontend-state, and more

Zero-dependency HTML presentation generator with 12 curated visual themes, advanced image editor (placement, compression, delete), IndexedDB storage, PPT conversion, and anti-AI-slop design philosophy.

from Lordjiggy/claude-code-marketplace

Use Playwright to perform frontend testing tasks such as UI testing, end-to-end testing, and cross-browser testing.

from Agentient/vibekit

Essential prompts, instructions, and chat modes for modern frontend web development including React, Angular, Vue, TypeScript, and CSS frameworks.

Skills Frontguys — identité de marque, design system, landing pages Figma, accessibilité RGAA (expertise, audit, specs).

Tooling for The Frontier Founder site. /blog-post converts any draft markdown file into a publication-ready, SEO/AEO-structured blog post — frontmatter with a meta-description excerpt, AEO structure (At a Glance, Key Takeaways, FAQ), a single @graph JSON-LD block (BlogPosting + Person + Organization + FAQPage) on the thefrontierfounder.com canonical, MoxyWolf typographic rules, a brand-aligned hero image, and slug-tied file naming, saved into the FrontierFounder repo. AEO thresholds defer to the canonical aeo-checklist in 4d-blog-engine.