Skills
.Work. You
Rest

nacl-tl-dev-fe

Community

Frontend TDD workflow for TeamLead features.

Software Engineering#testing#tdd#frontend#react#next.js#msw#rtl
AuthorITSalt
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill streamlines frontend development by enforcing a strict Test-Driven Development workflow for building React/Next.js applications, from planning through delivery.

Core Features & Use Cases

  • Read frontend task files from .tl/tasks/UC###/ and drive the RED -> GREEN -> REFACTOR cycle.
  • Write RTL tests first before any implementation, then build UI components, pages, and hooks.
  • Create result-fe.md documenting the work and update tracking files after completion.

Quick Start

Begin by reviewing the frontend task at .tl/tasks/UC###/task-fe.md and start the RED phase by writing failing RTL tests.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nacl-tl-dev-fe
Download link: https://github.com/ITSalt/NaCl/archive/main.zip#nacl-tl-dev-fe

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.