本文へ移動
cccskills
無料GitHub で公開

zt-tdd

Test-driven development: production-level red green refactor and boundaries. Use when implementing, reviewing or testing test-driven development for React, Vite, Next.js or Perfect_AI projects.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md1.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Test-driven development

When to activate

Use on tasks involving red green refactor and boundaries. For unrelated backend tasks do not load this skill.

Implementation sequence

  1. Reproduce observed need or bug and record baseline evidence.
  2. Write expected behavior, executable acceptance criteria and at least one adversarial edge case.
  3. Implement the smallest change and cover success/error/cancellation.
  4. Collect test command results and inspect browser behavior if tooling exists.
  5. Report passed, failed and unverified separately; never assert visual equivalence from syntax alone.

Task-specific requirements

  • Scope: red green refactor and boundaries. Design the full execution path, not a screenshot placeholder.
  • Identify dependency version and actual supported API signature; avoid inventing APIs.
  • Use original code, or install licensed upstream through its maintained tool if the user wants upstream code.
  • Choose measurable states, error handling, accessibility and performance budgets.

Implementation starter

Implementation notes: Model red green refactor and boundaries as explicit states, define input/output props and independent cleanup. Read master reference(s) below before writing code.

Evidence / acceptance

  • At least one executable check, clean exit code, command evidence and explicit unverified items.
  • Test common, edge, interrupted, accessibility and responsive states; provide concrete artifacts/evidence.

Deep references

  • ../perfect-ai-master/references/08-quality-tests.md
  • ../perfect-ai-master/references/20-test-matrix.md
  • ../perfect-ai-master/references/15-github-curated-skills.md

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Build, audit, and refactor premium Persian/English responsive websites and interactive 3D experiences with Anime.js v4, Three.js, motion choreography, color theory, RTL design systems, accessible UI/UX and VibeFarsi registry. Use for website design, animations, motion, landing pages, 3D/WebGL, responsive interfaces, visual quality, or Perfect_AI projects in Codex.

日本語の概要は準備中です。原文の説明を表示しています。

Realjustawall/Perfect-AI42026年10月10日 更新

Accessibility automation: production-level axe audits and manual keyboard checks. Use when implementing, reviewing or testing accessibility automation for React, Vite, Next.js or Perfect_AI projects.

日本語の概要は準備中です。原文の説明を表示しています。

Realjustawall/Perfect-AI42026年10月10日 更新

قواعد پروژه assistant for Codex; apply when building Persian/RTL web products, localizing content or integrating the related Iranian workflow. Local independent adaptation inspired by publicly documented VibeFarsi topics.

日本語の概要は準備中です。原文の説明を表示しています。

Realjustawall/Perfect-AI42026年10月10日 更新

Easing mathematics: production-level cubic bezier, damped spring, velocity continuity. Use when implementing, reviewing or testing easing mathematics for React, Vite, Next.js or Perfect_AI projects.

日本語の概要は準備中です。原文の説明を表示しています。

Realjustawall/Perfect-AI42026年10月10日 更新

Anime.js v4 core animations: production-level target selection, property keyframes, duration, ease, loop, play/pause. Use when implementing, reviewing or testing anime.js v4 core animations for React, Vite, Next.js or Perfect_AI projects.

日本語の概要は準備中です。原文の説明を表示しています。

Realjustawall/Perfect-AI42026年10月10日 更新

Layout changes: production-level FLIP layout, additive composition, measurement. Use when implementing, reviewing or testing layout changes for React, Vite, Next.js or Perfect_AI projects.

日本語の概要は準備中です。原文の説明を表示しています。

Realjustawall/Perfect-AI42026年10月10日 更新

Realjustawall のスキルをすべて見る

このスキルの問題を報告する