Agent Plugins Marketplace
← All plugins

frontend-engineering

v0.4.3

Frontend-engineering team — 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. skills, a decision-tree knowledge bank (rendering-strategy + state-location trees + a dated 2026 map), best-practices, templates, commands, an 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.

Claude Code5 Skills

By Matt CorbettLicense: MIT7 GitHub starsUpdated last week

Directory evidence

Runtimes
Claude Code
Parsed components
5 skill or MCP entries
Source updated
Sep 15, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install frontend-engineering for Claude Code

Installs for the current user
claude plugin marketplace add IchenDEV/agent-plugin-mkt
claude plugin marketplace update agent-plugin-marketplace
claude plugin install frontend-engineering@agent-plugin-marketplace

Paste and run these commands in a terminal with Claude Code. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/mcorbett51090/RavenClaude

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/frontend-engineering/.

Plugin files

plugins/frontend-engineering/
├── .claude-plugin/plugin.json
├── skills/accessibility-audit-and-fix/SKILL.md
├── skills/frontend-performance/SKILL.md
├── skills/frontend-state-architecture/SKILL.md
├── skills/react-component-craft/SKILL.md
└── skills/rendering-strategy/SKILL.md

Included Skills5

accessibility-audit-and-fixskills/accessibility-audit-and-fix/SKILL.md

Actionable checklist and fix patterns for WCAG 2.1 AA compliance in React apps — automated scanning, keyboard navigation, focus management, ARIA usage, color contrast, and the most common component-level failures.

frontend-performanceskills/frontend-performance/SKILL.md

Make a frontend fast to a budget: analyze and code-split the bundle by route, lazy-load heavy/below-the-fold, optimize images/fonts, minimize hydration (RSC/islands), kill render-blocking and request waterfalls, and tune the Core Web Vitals (LCP/INP/CLS) against field data.

frontend-state-architectureskills/frontend-state-architecture/SKILL.md

Architect frontend state: treat server data as a cache (TanStack Query/SWR/RSC), place client state at the narrowest workable scope (local -> context -> store), invalidate deliberately, use optimistic updates with rollback, and derive rather than duplicate.

react-component-craftskills/react-component-craft/SKILL.md

Build composable, accessible React components: small components with clear props (composition over a flag-laden mega-component), correct hooks (complete deps, no stale closures, effects only for external sync), controlled validated forms, and accessibility in the markup.

rendering-strategyskills/rendering-strategy/SKILL.md

Choose the rendering strategy per route: SSG/ISR for static content, SSR/RSC for personalized or SEO-critical pages, CSR for behind-login interactive shells; default to server components and hydrate only interactive islands to minimize shipped JavaScript.

Plugin manifests1

plugins/frontend-engineering/.claude-plugin/plugin.json
{
  "name": "frontend-engineering",
  "version": "0.4.3",
  "description": "Frontend-engineering team — 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. skills, a decision-tree knowledge bank (rendering-strategy + state-location trees + a dated 2026 map), best-practices, templates, commands, an 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.",
  "author": {
    "name": "Matt Corbett"
  },
  "homepage": "https://github.com/mcorbett51090/RavenClaude",
  "license": "MIT",
  "keywords": [
    "frontend",
    "react",
    "nextjs",
    "typescript",
    "ssr",
    "ssg",
    "react-server-components",
    "state-management",
    "tanstack-query",
    "core-web-vitals",
    "code-splitting",
    "accessibility",
    "hydration",
    "component-architecture"
  ],
  "requires": {
    "plugins": [
      "ravenclaude-core@>=0.7.0"
    ]
  },
  "lspServers": "./.lsp.json"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[frontend-engineering on Agent Plugins Marketplace](https://pluginsmp.com/plugins/frontend-engineering)