claude

frontend-developer

Builds Defra-compliant frontends following the GOV.UK Design System, WCAG 2.2 AA, and Defra software development standards (Hapi + Nunjucks + SCSS + Vitest).

2 on GitHubv0.1.0updated 1 month ago
/

Plugin frontend-developer from marketplace defra-ai-plugins in DEFRA/defra-ai-plugins. Commands read from the repo's manifest — 1 month ago.

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 (5)

  • frontend-tech-stack

    Defra frontend approved and forbidden tech. Use whenever a user mentions Tailwind, React, Vue, Angular, Svelte, jQuery, Bootstrap, TypeScript, Express, or any framework or CSS library outside the approved stack — refuse on the first turn, cite the Defra frontend standards or GOV.UK Design System, an

  • govuk-component

    Generate the correct Nunjucks macro call for any GOV.UK Design System component. Use when adding a govuk-frontend component to a template — button, input, radios, checkboxes, select, textarea, date input, file upload, summary list, table, tabs, accordion, breadcrumbs, pagination, panel, tag, phase b

  • govuk-form

    Scaffold a complete GOV.UK form page for a Defra Hapi service. Use when building a new form page with user input — generates the Nunjucks template with govukErrorSummary and field macros, a Joi validation schema with custom error messages, and a Hapi route handler with GET and POST methods following

  • pre-commit-review

    Run through the full Defra pre-commit checklist before raising a pull request. Use when work is complete and about to be committed or submitted for review — checks code quality, test coverage, accessibility, security, and GOV.UK Design System compliance against all Defra and GDS requirements.

  • vitest-unit-test

    Generate a Vitest unit test for a Hapi route handler, controller, or service function. Use when writing or adding tests to an existing module — produces a test file with describe/it blocks, mocks for downstream services and the Hapi toolkit, and assertions covering the happy path, validation errors,

Subagents (1)

  • frontend-developer.agent

    Builds Defra-compliant frontends following all software development standards, the GOV.UK Design System, and WCAG 2.2 AA. Use when building or editing user-facing pages, GOV.UK components, Nunjucks templates, SCSS, or progressive-enhancement client JavaScript for a Defra service.

Hooks (4)

  • UserPromptSubmit

    node "${CLAUDE_PLUGIN_ROOT}/hooks/scripts/forbidden-tech-block.mjs"

  • PostToolUse

    node "${CLAUDE_PLUGIN_ROOT}/hooks/scripts/lint-format-on-write.mjs"

  • PostToolUse

    node "${CLAUDE_PLUGIN_ROOT}/hooks/scripts/scss-build-on-write.mjs"

  • PostToolUse

    node "${CLAUDE_PLUGIN_ROOT}/hooks/scripts/nunjucks-security.mjs"

View source on GitHub

More from DEFRA/defra-ai-plugins

All 6 plugins →

Cross-cutting Defra standards as installable skills and guardrail hooks: branching, commit messages, code-quality gates, security & PII handling, and accessibility. Referenced by every other Defra plugin so cross-cutting standards live in one place. No agent — skills + hooks only.

5 skills · hooks

2

Creates well-structured JIRA tickets (stories and tasks) for any team. Ships default templates for user-facing stories and technical tasks, with support for custom templates at runtime.

2 skills · 1 agent

2

User-centred design skills for Defra: service blueprints and journey maps, document and presentation standards (GOV.UK content design, Defra visual standards), and interaction and content design for CDP frontends. No agent, skills only, built from the AI Capability and Enablement team's delivery work.

3 skills

2

Intercepts all LLM interactions — prompts, tool inputs, and tool outputs — and redacts UK PII before data reaches or leaves the model, using a configurable Python redaction script.

1 skill · hooks

2

Checks a working service for usability problems before testing with real people. It tries real jobs as the people who use the service, checks every screen against Nielsen's usability heuristics, Microsoft's Guidelines for Human-AI Interaction and the GOV.UK Design System, and writes a plain English report. Not a replacement for research with real people.

1 skill

2

Maintain frontend-developer?

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