skills.rest
cuongtl1992
cuongtl1992COMMUNITY
Explore all skills by this author →
GitHub

angular-tdd

Automate test-driven development workflows for Angular features with Jest.

10|7|Updated Jan 5, 2026
Search Tags:#workflow#testing#tdd#frontend#angular#jest#design-integration
One-click install
npx skills add https://github.com/cuongtl1992/vibe-skills --skill angular-tdd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-tdd
Source: https://github.com/cuongtl1992/vibe-skills/tree/main/skills/frontend/angular-tdd
Command: npx skills add https://github.com/cuongtl1992/vibe-skills --skill angular-tdd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill accelerates adopting test-driven development for Angular projects by guiding teams through a repeatable Explore-Plan-Test-Implement-Refactor-Review cycle, reducing ambiguity and improving code quality from the start.

Core Features & Use Cases

  • Guided TDD workflow for Angular features, UI components, and services, with clear phase transitions and checklists.
  • Seamless alignment with design inputs (e.g., Figma designs) and Jest-based testing to enforce test-first practices.
  • Clear guardrails on scope, exclusions (Angular architecture setup, BDD/Gherkin scenarios, and E2E tests) to keep focus on unit and feature testing.

Quick Start

Apply the Angular TDD workflow to a feature by following the Explore-Plan-Test-Implement-Refactor-Review cycle.

Frequently Asked Questions about angular-tdd

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement test-driven development for Angular components?▼

Angular TDD implementation uses a guided Explore-Plan-Test-Implement-Refactor-Review cycle. This workflow enforces test-first practices for UI components and services using Jest, ensuring structured feature development and quality from the start.

Can I integrate Figma designs into Angular test-driven development?▼

Yes, the Angular TDD workflow supports integration with Figma designs. It aligns design inputs directly with the Test and Implement phases to ensure UI components match visual specifications during development.

Does this Angular TDD workflow support Jest for frontend testing?▼

Yes, Jest-based testing is supported for Angular frontend testing within this workflow. The TDD cycle integrates Jest to enforce test-first practices across UI components and services during implementation.

What is the best way to structure Angular feature testing cycles?▼

The best way to structure Angular feature testing is a six-phase cycle: Explore, Plan, Test, Implement, Refactor, and Review. This repeatable process reduces ambiguity and enforces test-first practices.

When should I not use an Angular TDD workflow?▼

You should not use this Angular TDD workflow for architecture setup, BDD/Gherkin scenarios, or E2E testing contexts. The workflow explicitly excludes these areas to maintain focus on unit and feature testing.

Why does my Angular TDD process lack clear phase transitions?▼

An Angular TDD process lacks clear phase transitions without a structured guide. This workflow provides explicit checklists and transitions across Explore, Plan, Test, Implement, Refactor, and Review to eliminate ambiguity.

Related Skills

Explore More Software Engineering Skills→
AratKruglikAratKruglik
9

angular-testing

Configure and execute Angular tests across Karma/Jasmine, Jest, and end-to-end frameworks.

Community
Advanced
oimiragieooimiragieo
36

test-generator

Generate unit, integration, API, and E2E tests from specifications and components.

Community
Intermediate
FortiumPartnersFortiumPartners

jest

Execute and generate Jest tests for JavaScript and TypeScript projects.

Official
Intermediate
FastLEDFastLED
7.5k

tdd-implement

Automate feature development through strict Red-Green-Refactor test-first cycles.

Official
Advanced