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.