Ejecuta cualquier Skill en Manus
con un clic

Ejecuta cualquier Skill en Manus con un clic

Comenzar

suite-name

TRIGGER_DESCRIPTION. Use when USER_CONTEXT. Routes to specialists for CAPABILITIES.

Ejecutar en Manus

Resumen

TRIGGER_DESCRIPTION. Use when USER_CONTEXT. Routes to specialists for CAPABILITIES.

Comando de instalación

npx skills add https://github.com/dtsong/frontend-qa-skills --skill suite-name

Copia y pega este comando en Claude Code para instalar la habilidad

Fuente

dtsong/frontend-qa-skills

Estrellas0

Forks0

Actualizado15 de febrero de 2026, 19:33

Explorador de archivos

5 archivos

SKILL.md

readonly

name	SUITE_NAME
description	TRIGGER_DESCRIPTION. Use when USER_CONTEXT. Routes to specialists for CAPABILITIES.

SUITE_NAME

Purpose

One-sentence description of what this skill suite does.

Classification

If REQUEST_TYPE_A → load skills/specialist-a/SKILL.md
If REQUEST_TYPE_B → load skills/specialist-b/SKILL.md
Default → load skills/specialist-a/SKILL.md

Skill Registry

Skill	Path	Purpose	Model Tier
specialist-a	`skills/specialist-a/SKILL.md`	Does X	analytical
specialist-b	`skills/specialist-b/SKILL.md`	Does Y	reasoning

Load Directive

Read ONLY the relevant specialist SKILL.md based on classification above. Do not pre-load multiple specialists.

Handoff Protocol

Pass between skills as structured JSON:

{
  "source_skill": "specialist-a",
  "findings": [],
  "confidence": "high|medium|low"
}

Más de este repositorio

mismo repositorio

qa-coordinator

dtsong/frontend-qa-skills

Use when a user reports a frontend bug, visual defect, or unexpected behavior in a Next.js/TypeScript application. Orchestrates a multi-phase QA pipeline — component mapping, diagnosis, fix, and regression testing — by classifying symptoms and dispatching to the appropriate specialist skill. Does not perform diagnosis or fixes directly; delegates all domain work to specialists. Not for backend-only issues, infrastructure problems, or build/deployment failures.

2026-02-180

page-component-mapper

dtsong/frontend-qa-skills

Use when investigating any frontend issue before diagnosis or debugging — maps a Next.js route to its full component tree. Resolves "what components render on this page," "show me the component tree for /dashboard," or "trace imports for this route." Produces a ComponentMap artifact with server/client boundaries, props, hooks, data fetching, and styling metadata consumed by all downstream QA skills. Not for diagnosing bugs, fixing code, or generating tests — those are handled by specialist skills after mapping is complete.

2026-02-180

skill-name

dtsong/frontend-qa-skills

TRIGGER_DESCRIPTION. Use when USER_CONTEXT. Covers CAPABILITIES.

2026-02-150

component-fix-and-verify

dtsong/frontend-qa-skills

Use when a diagnosed fix needs to be applied and verified against a Next.js component — "apply this fix," "fix and run tests," or "verify this change." Applies a single diagnosed fix with mandatory diff preview, then runs scoped and broad verification (tsc, lint, tests) with atomic safety and revert capability. Not for diagnosing bugs (use ui-bug-investigator or css-layout-debugger) or generating regression tests (use regression-test-generator).

2026-02-150

css-layout-debugger

dtsong/frontend-qa-skills

Use when a user reports CSS, layout, or styling issues in a Next.js application — "element overlapping," "spacing is wrong," "responsive layout broken," "dark mode not working," "Tailwind classes not applying," or "alignment off." Diagnoses through a 6-phase pipeline that mirrors browser evaluation order, covering token resolution, cascade conflicts, layout models, stacking contexts, and viewport responsiveness. Handles Tailwind, CSS Modules, styled-components, and vanilla CSS. Not for JavaScript logic bugs, data fetching issues, or server-side rendering errors — route those to ui-bug-investigator.

2026-02-150

regression-test-generator

dtsong/frontend-qa-skills

Use when a verified fix needs a regression test — "write a test for this fix," "generate regression test," or "add test coverage for this bug." Auto-detects project test conventions, routes to Vitest+RTL or Playwright based on component type (sync vs async server), generates targeted tests with anti-brittleness constraints, and annotates coverage boundaries. Not for diagnosing bugs, applying fixes, or writing feature tests — use ui-bug-investigator, component-fix-and-verify, or manual test authoring respectively.

2026-02-150

Fuente

dtsong

dtsong/frontend-qa-skills

Abrir repositorio de GitHub Ver repositorios del creador

Comando de instalación

Descarga

Ejecutar en Manus

Útil paraSOC

Analistas de garantía de calidad de software y probadoresOcupaciones informáticas y matemáticas15-1253L4

name	SUITE_NAME
description	TRIGGER_DESCRIPTION. Use when USER_CONTEXT. Routes to specialists for CAPABILITIES.

SUITE_NAME

Purpose

One-sentence description of what this skill suite does.

Classification

If REQUEST_TYPE_A → load skills/specialist-a/SKILL.md
If REQUEST_TYPE_B → load skills/specialist-b/SKILL.md
Default → load skills/specialist-a/SKILL.md

Skill Registry

Skill	Path	Purpose	Model Tier
specialist-a	`skills/specialist-a/SKILL.md`	Does X	analytical
specialist-b	`skills/specialist-b/SKILL.md`	Does Y	reasoning

Load Directive

Read ONLY the relevant specialist SKILL.md based on classification above. Do not pre-load multiple specialists.

Handoff Protocol

Pass between skills as structured JSON:

{
  "source_skill": "specialist-a",
  "findings": [],
  "confidence": "high|medium|low"
}