How does it handle quality assurance?

It mandates a quality check phase where 'pnpm test', 'pnpm lint', and 'pnpm type-check' must all pass before a commit can be made.

What is the primary role of the implementation-workflow skill?

It serves as the main entry point for TypeScript tasks, coordinating other specialized skills like TDD, React, and coding standards to ensure a consistent development process.

Can I use this for React projects?

Absolutely. It contains specific guidelines for React components, custom hooks, and Storybook integration by referencing the associated react skill.

Does this skill enforce specific package managers?

Yes, the workflow strictly requires the use of pnpm and prohibits the use of npx to maintain environment consistency.

TypeScript Implementation Workflow

Name: TypeScript Implementation Workflow
Author: DIO0550

byDIO0550

•

生产力与工作流

Orchestrates the end-to-end TypeScript development lifecycle by enforcing coding standards, TDD practices, and quality assurance checks.

This skill acts as a central command hub for TypeScript development within Claude Code. It streamlines the implementation process by guiding developers through branch management, implementation planning, and specialized sub-skills for React and Testing. By enforcing a Test-Driven Development (TDD) cycle and mandatory quality gates—including linting and type-checking via pnpm—it ensures that every line of code meets high-quality production standards before it is ever committed.

主要功能

01Automated quality gates for linting, testing, and type-checking

02Comprehensive implementation planning and task analysis

031 GitHub stars

04Integrated TDD (Red-Green-Refactor) development cycle

05Standardized Git workflow and branch naming conventions

06Dynamic routing to specialized React and coding standard rules

使用场景

01Ensuring team-wide adherence to TypeScript coding and commit standards

02Initiating a new feature or bug fix with a structured development plan

03Automating the transition between writing tests and implementing components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dio0550/d-market implementation-workflow

For use in Claude.ai and ChatGPT

Download Skill