design-patterns

Detect GoF design patterns in TypeScript/JavaScript codebases and provide stack-aware recommendations.

5.7k|744|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/FlorianBruniaux/claude-code-ultimate-guide --skill design-patterns-florianbruniaux
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-patterns
Source: https://github.com/FlorianBruniaux/claude-code-ultimate-guide/tree/main/examples/skills/design-patterns
Command: npx skills add https://github.com/FlorianBruniaux/claude-code-ultimate-guide --skill design-patterns-florianbruniaux

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers often struggle to identify and evaluate GoF design patterns across large TypeScript/JavaScript codebases, leading to inconsistent implementations and architecture drift.

Core Features & Use Cases

  • Pattern detection across creational, structural, and behavioral patterns in codebases
  • Stack-aware adaptation guidance and native alternatives
  • Evaluation against standardized checklists to guide refactors
  • Actionable recommendations for maintainability in large repos

Quick Start

Analyze a repository to detect GoF patterns and generate a detailed, actionable report.

Frequently Asked Questions about design-patterns

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

FAQPage Schema
How do I detect GoF design patterns in a TypeScript codebase?

Detect GoF design patterns in TypeScript codebases by analyzing the repository to identify creational, structural, and behavioral patterns, which generates a detailed report with actionable refactoring recommendations.

What is the best way to evaluate design pattern implementations in JavaScript?

Evaluate design pattern implementations in JavaScript by checking the code against industry-standard checklists to assess quality, guide necessary refactors, and prevent architecture drift in large repos.

Can I analyze design patterns in a NestJS or Angular monorepo?

Yes, you can analyze design patterns in a NestJS or Angular monorepo, as the detection process fully supports multi-package projects and provides stack-aware adaptation guidance for various frameworks.

Does pattern detection work with React and state management libraries like Redux or Zustand?

Pattern detection works with React and state management libraries like Redux or Zustand, offering native pattern guidance and alternatives tailored to these specific stack components.

Why should I look for native alternatives to GoF patterns in modern JavaScript frameworks?

Looking for native alternatives to GoF patterns in modern JavaScript frameworks is important because stack-aware adaptation guidance helps replace generic implementations with framework-native features, improving overall maintainability.