claude

frontend-skills

Frontend skill pack for React 19 + Next.js 15 (App Router): code architecture/placement, React best practices, and Next.js patterns.

4 on GitHubby burnjohnv2.0.0updated 1 month agodevelopment
/

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

What it installs

Skills (3)

  • frontend-architecture

    Code organization and architecture decisions for React 19 + Next.js 15 App Router (TypeScript). WHERE code lives, not HOW to write it. Covers: project folder structure, feature-based organization, component splitting rules, constants/utils/helpers/services placement, business logic separation, namin

  • next-best-practices

    Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

  • react-best-practices

    Modern React best practices and anti-pattern catalog (2025-26). Use when writing, reviewing, or refactoring React components, hooks, and state management. Covers component design, state patterns, hooks misuse, performance, data fetching, and code organization.

View source on GitHub

More from burnjohn/ai-demo-marketplace

All 6 plugins →

Spec-Driven Development workflow (spec -> plan -> implement -> test -> verify -> retro) with slash commands. Depends on research-tools, code-agents and frontend-skills.

1 skill · 5 commands · 3 agents

4

Execution agents usable with or without a spec-driven workflow: `implementer` and `test-writer`.

2 agents

4

Read-only research agent that gathers and fact-checks information from the codebase or the public web.

1 agent

4

Testing skill pack: React Testing Library conventions for component and hook tests with Vitest.

1 skill

4

Language-level TypeScript skill pack: type-level programming, strictness settings, utility types, and a diagnostic script.

1 skill

4

Similar plugins

superpowers

claudecodex

Core skills library for Claude Code: TDD, debugging, collaboration patterns, and proven techniques

15 skills · hooks

obra/superpowers 316,836

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

AI-powered codebase understanding — analyze, visualize, and explain any project

9 skills · 10 agents · hooks

Egonex-AI/Understand-Anything 92,410

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

context7

claudecodex

Up-to-date documentation lookup. Pull version-specific documentation and code examples directly from source repositories into your coding agent's context.

1 MCP server

upstash/context7 64,709

Maintain frontend-skills?

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