frontend-coding-agent

Plugin frontend-coding-agent from marketplace software-agents-team in gagandeepp/software-agent-teams. Commands read from the repo's manifest — 1 month ago.

Skills (13)

• accessibility-review

  Reviews generated frontend code for WCAG accessibility compliance. Always runs before completion. Checks semantic HTML, ARIA, keyboard navigation, color contrast, forms, images, and dynamic content.

• artifact-validator

  Use before writing any frontend artifact (component, page, hook, layout, utility, style, test) to detect duplicates by path, name, content similarity, and structural overlap. Blocks duplicate creation with P1 BLOCK and requests human intervention when confidence is ambiguous.

• code-review

  Component-aware code review that delegates to framework-specific skills. Reviews generated code against resolved guidelines, checks component patterns, and verifies LSP diagnostics are clean.

• commit-push-pr

  Use when committing, pushing, and raising a PR — stages changed files, writes a Conventional Commits message, pushes to the remote branch, creates a GitHub PR via gh CLI, then posts the PR URL to configured Slack or Teams channels for review. Channel targets are configurable via .commit-push-pr.json

• component-detection

  Detects the type of frontend unit being worked on: page, component, hook/composable, layout, utility, or style. Uses file path, naming conventions, and content signals to classify.

• config-resolver

  Resolves the frontend agent configuration by merging .frontend-agent.json with per-invocation overrides. Applies resolution order: per-invocation > directory mapping > auto-detection > config defaults > plugin defaults.

• design-to-code

  Reserved skill slot for future Figma-to-code integration. Not implemented in v1.

• frontend-guardrails

  Use at the start and end of every frontend coding session — thin adapter invoking shared guardrails gates with frontend-specific context. Promotes accessibility BLOCKER results to P0, adds dangerouslySetInnerHTML to the forbidden pattern set, uses eslint and jest/vitest for lint and coverage.

• guidelines-ingestion

  Reads and merges coding guidelines from three layers: plugin defaults, team custom guidelines, and per-invocation overrides. Uses section-level (## heading) replacement for deterministic merging.

• i18n-review

  Reviews generated code for internationalization compliance. Opt-in via .frontend-agent.json i18n config. Checks string externalization, library usage, pluralization, RTL support, and formatting.

• frontend-repo-setup

  Connects the frontend coding agent to a GitHub repository. In init mode, prompts the user for a GitHub repo URL, local clone path, and authentication method, then writes the repository block to .frontend-agent.json. In runtime mode, checks whether the local clone exists and clones it if absent — bef

• styling-resolution

  Resolves the CSS approach and UI component library for the current context. Detects Prismatic, Material, Bootstrap, Tailwind, Vuetify, and CSS Modules from config and auto-detection signals.

• write-frontend-tests

  Orchestrates test authoring for frontend code. Delegates to framework-specific testing skills. Ensures coverage targets and correct test patterns per component type.

Slash commands (2)

• /frontend-coding-agent:frontend-init

  Scaffolds a .claude/.frontend-agent.json configuration file in the .claude/ folder and checks prerequisites (LSP servers, framework modules).

• /frontend-coding-agent:frontend-review

  On-demand, component-aware code review. Reviews existing code or PRs against team coding guidelines, accessibility standards, and framework-specific patterns.

Subagents (1)

• frontend-coder

  Frontend coding agent. Builds components, pages, and features in React + Next.js, Angular, and Vue + Nuxt following team coding guidelines. Auto-detects framework and component type from context or config. Enforces accessibility standards. - Read - Write - Edit - Glob - Grep - Bash - LSP - Agent

Hooks (4)

• SessionStart

  "${CLAUDE_PLUGIN_ROOT}/hooks/run-session-start"

• PreToolUse

  "${CLAUDE_PLUGIN_ROOT}/hooks/run-pretooluse-artifact-check"

• PostToolUse

  "${CLAUDE_PLUGIN_ROOT}/hooks/run-posttooluse-sync"

• Stop

  "${CLAUDE_PLUGIN_ROOT}/hooks/run-stop-memory"

Similar plugins