claude

front-end-engineering

Generate production-ready front-end code from complete user stories with best practice enforcement

2 on GitHubby Sven Siertsemav1.0.0MITupdated 5 months ago

Not in a marketplace yet, so it loads for one session with --plugin-dir.

Plugin front-end-engineering in SSiertsema/claude-code-plugins. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (1)

  • front-end-engineering

    Generate production-ready front-end code from a complete user story. Analyzes, plans, produces source and test files, and proves acceptance criteria are met.

View source on GitHub

More from SSiertsema/claude-code-plugins

All 183 plugins →

Frame A/B tests with falsifiable hypothesis, variants, pre-committed primary/secondary/guardrail metrics, MDE, sample size (formula shown), duration spanning a weekly cycle, peek policy, pre-committed decision rule, validity risks with mitigations, and ethics review. Mermaid diagrams with optional PNG export.

1 skill

2

Write, audit, or split acceptance criteria for a user story. Given/When/Then (Gherkin) default + rule-based + mixed formats. Systematic coverage (happy path + negative + edge + boundary + a11y + optional performance/security/data/integration). INVEST at story + AC level. SPIDR split (Spike / Path / Interface / Data / Rule) when story too big. Scenario outlines for parametric data. Mermaid coverage pie + split diagrams with optional PNG export.

1 skill

2

Define accessibility requirements against WCAG 2.2 AA (default), AAA, EN 301 549, EAA, Section 508, ADA. Produces per-feature Given/When/Then criteria, assistive-technology support matrix per platform, combined automated + manual + AT + user-testing plan, and remediation priority for existing products. Not a conformance audit. Mermaid diagrams with optional PNG export.

1 skill

2

Write, review, supersede, or index Architecture Decision Records. Michael Nygard format (default) + Y-statement alternative. Immutable once accepted — supersession chain preserves old ADRs. Status lifecycle (Proposed / Accepted / Deprecated / Superseded). ADR log with chronological index + supersession chains visible. Review mode flags stale ADRs + missing consequences. Integrates with traceability-matrix. Mermaid timeline with optional PNG export.

1 skill

2

Bottom-up thematic clustering of unstructured items (research notes, interview quotes, brainstorm ideas, feedback) using the KJ method. Discovers emergent themes with evidence traceability, identifies patterns/tensions/gaps, flags outliers, and prioritizes clusters by signal strength. Mermaid diagrams with optional PNG export.

1 skill

2

Algorithm design pre-implementation: problem + inputs/outputs + constraints, ≥2 candidate approaches compared on time+space+stability+in-place+parallelism, chosen approach with loop/data/global invariants, language-neutral pseudocode, correctness argument (invariant / induction / preservation / reduction), edge-case catalog, worst/avg/space complexity, numerical + concurrency concerns, property-based + boundary + performance + fuzz tests, parallelization + out-of-core + streaming variants.

1 skill

2

Similar plugins

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

5 skills + 35 modes + Material Passport pipeline. Includes v3.6.7 cross-model audit gate and v3.6.8 generator-evaluator contract.

5 skills · 16 commands · 4 agents · hooks

Imbad0202/academic-research-skills 56,698

slidev

claude

Claude Code skill for creating and presenting Slidev slidedecks

1 skill

slidevjs/slidev 49,452

ui-design

claudecodex

Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns

9 skills · 4 commands · 3 agents

wshobson/agents 42,461

Zero-dependency HTML presentation generator with safe presets, bold template-library styles, PPT conversion, and anti-AI-slop design philosophy.

1 skill

zarazhangrui/frontend-slides 32,274

AI-powered repository analysis agent using Repomix CLI. Analyzes local and remote repositories intelligently by running repomix commands, then reading and searching the generated output files to answer questions about code structure, patterns, and content.

2 commands · 1 agent

yamadashy/repomix 29,255

Maintain front-end-engineering?

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