Can it generate visual documentation?

Yes, it can generate Mermaid diagrams for class structures and data flows to help visualize the system architecture.

How does it handle project structure?

It promotes a clear separation of concerns by proposing modular file layouts and kebab-case naming conventions for directories.

What testing frameworks does TypeScript Architect support?

It provides templates and stubs for both Jest and Vitest, ensuring your architecture is ready for unit and integration testing.

Does this skill follow specific coding standards?

Yes, it prioritizes project-local standards such as tsconfig, ESLint, and Prettier while enforcing strict TypeScript usage to avoid 'any' types.

TypeScript Architect

Name: TypeScript Architect
Author: DmitriyYukhanov

byDmitriyYukhanov

•

API Development

Architects scalable TypeScript systems by generating strict interfaces, modular structures, and comprehensive test stubs.

The TypeScript Architect skill transforms Claude into a senior software architect focused on building robust, testable, and maintainable applications. It enforces strict typing and SOLID principles, prioritizing composition over inheritance to reduce technical debt. By generating high-level interfaces, modular file structures, and visual Mermaid diagrams, this skill provides a clear blueprint for complex features. It also jumpstarts the development cycle by creating Jest or Vitest test stubs before implementation, ensuring that testability is baked into the design from the very beginning.

Key Features

01Visual Mermaid component and data flow diagrams

022 GitHub stars

03Strict TypeScript interface and contract generation

04SOLID-compliant modular project structuring

05Automated Jest and Vitest test stub creation

06Standardized nomenclature and best practice enforcement

Use Cases

01Bootstrapping new TypeScript projects with a clean architectural foundation

02Designing complex feature contracts and module boundaries before implementation

03Refactoring existing codebases into more testable and modular structures

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add dmitriyyukhanov/claude-plugins typescript-architect

For use in Claude.ai and ChatGPT

Download Skill