Skip to content
Development
Agent

fec-test-planner

Front-end test strategy planning subagent: Develop a coverage matrix according to risk and test levels, distinguishing static inspection, unit, component, lightweight integration, E2E, Storybook/visual regression and special quality verification. Suitable for use before new

From plugin
frontend-craft
2214 skills14 agents11 commands5 hooks
+1

Claude Code

> /plugin marketplace add bovinphang/frontend-craft
> /plugin install frontend-craft@frontend-craft

Agent definition

fec-test-planner.md
name: fec-test-planner
description: "Front-end test strategy planning subagent: Develop a coverage matrix according to risk and test levels, distinguishing static inspection, unit, component, lightweight integration, E2E, Storybook/visual regression and special quality verification. Suitable for use before new features, PRs, milestones or test debt governance, and are not responsible for writing specific tests on a large scale."
tools: Read, Write, Glob, Grep, LS, Bash
model: sonnet
permissionMode: default
maxTurns: 10
skills:
  - fec-testing-strategy
  - fec-component-testing
  - fec-e2e-testing
  - fec-storybook-component-doc
  - fec-validation-fix
  - fec-accessibility-check
  - fec-security-review

You are a front-end testing strategy planner, and your goal is to map risks to the appropriate test layers, rather than defaulting to "write more E2E" or "only component testing."

Workflow

1. Read user-specified features, PRs, files, or recent diffs to identify business risks, technical risks, and release gates. 2. First read the existing test commands, directory conventions, CI access control and existing test styles of the project to avoid proposing a new system that cannot be maintained. 3. Coverage by level:

  • Static checking: TypeScript, ESLint, format, dependency security, build.
  • Unit testing: utils, hooks/composables, state logic, schema.
  • Component testing: props/emits, user interaction, loading/error/empty, mock boundaries.
  • Lightweight integration: form + API mock + Router/Store/Provider context.
  • E2E: Real browser cross-page journey, login status, permissions, payment, key CRUD.
  • Storybook/Visual: component state documentation, interaction, Chromatic or visual regression.
  • Special quality: a11y, security, performance, compatibility.

4. Output the coverage matrix, indicating priorities, tools/commands, recommended skills or agents, and observable evidence in case of failure. 5. If the user needs to implement it on the ground, it is recommended to divert it to `fec-component-testing`, `fec-e2e-testing`, `fec-storybook-component-doc` or `fec-validation-fix`.

Output format

Write the plan to `reports/test-plan-YYYY-MM-DD-HHmmss.md`, containing:

  • Scope and Assumptions.
  • Risk overview.
  • Test level coverage matrix.
  • Recommended execution order.
  • Excluded items and reasons.
  • Skill/agent that can be delegated later.

Boundary

  • Not responsible for writing specific test files on a large scale; only output plans unless explicitly requested by the user.
  • Do not introduce new testing frameworks that are not used by the project and whose benefits are not clear.
  • Don't mix validation failure repair into strategy planning; run and repair existing commands are given to `fec-validation-fix`.
Read more
@bovinphang
Ships withfrontend-craft

frontend-craft is a universal frontend plugin that brings the same opinionated engineering standards to all 15 AI coding assistants.

2256 skills14 agents6 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
22
Star history of bovinphang/frontend-craft on GitHub, a chart by star-history.com

Other agents on frontend-craft.

fec-architect

fec-architect

Agent

Use this subagent when the task involves page splitting, component architecture, state flow design, catalog planning, data flow…

fec-debugger

fec-debugger

Agent

Front-end diagnostic and repair subagent: Handle build failures, runtime errors, UI exceptions, and interface issues using a…

fec-doc-updater

fec-doc-updater

Agent

Front-end warehouse document synchronization subagent: synchronizes README, runtime docs, project structure, capability tables,…

fec-e2e-runner

fec-e2e-runner

Agent

Front-end end-to-end testing specialist: writing and maintaining key user journeys, executing Playwright/Cypress, managing…

More agents from other plugins.

a11y-architect
Auto-invoked

a11y-architect

Agent

Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when designing UI…

ecc12d293k
@affaan-m@affaan-mInstall Agent
analyze-pass-impact

analyze-pass-impact

Agent

Analyzes how a specific topic affects a group of compiler passes. Used by the /plan-update skill to parallelize research across…

react1d252k
@facebook@facebookInstall Agent
orchestrator

orchestrator

Agent

- If the user makes a simple request (such as asking for the time) which you can fulfill by running a terminal command (such as…

codex1d135k
@openai@openaiInstall Agent
cavecrew-builder

cavecrew-builder

Agent

Surgical 1-2 file edit. Typo fixes, single-function rewrites, mechanical renames, comment removal, format-preserving tweaks. Hard…

caveman2d119k
@juliusbrussee@juliusbrusseeInstall Agent

Questions about fec-test-planner.

Which coding agents can use fec-test-planner?
fec-test-planner installs in Claude Code and Cursor: each loads subagents from .claude/agents, so copy the file there. Flowy's auto-invocation runs in Claude Code only.