Design Patterns - Creational

Gang of Four behavioral patterns (10 patterns)

10 skills

Gang of Four structural patterns (7 patterns)

7 skills

Apply Clean Code principles, refactoring patterns, and code smell detection

5 skills

Guides for Expo Modules API and NativeWind styling

2 skills

Tools for creating Claude Code skills and subagents

2 skills

Detect and fix documentation drift, keeping docs in sync with code

1 skill

Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>

1 agent

Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>

1 agent

Use when you need to review, improve, or refactor Java code for object-oriented design quality — including applying SOLID, DRY, and YAGNI principles, improving class and interface design, fixing OOP concept misuse (encapsulation, inheritance, polymorphism), identifying and resolving code smells (God Class, Feature Envy, Data Clumps), or improving object creation patterns, method design, and exception handling.

1 skill

DevExpress XtraReports skills for .NET, ASP.NET Core, Blazor, WinForms, WPF, and Visual Studio designer code patterns: runtime report creation, web and desktop viewer/designer integration, safe *.Designer.cs edits, report storage, customization, and export (PDF, XLSX, DOCX, and more).

6 skills · 1 agent · 1 MCP server

Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>

1 agent

JITX workflow skills for PCB design. Use jitx-project-builder to turn board requirements into a complete, verified design through phased sub-agent work. Use jitx-component-modeler for component creation from datasheets. Use jitx-circuit-builder for wiring circuits, passives, and application circuits. Use jitx-substrate-modeler for capturing information about the fabrication substrate. Use jitx-code-layout to write a fixed layout in code: relative placement, code-placed vias, code routes and narrowing, length matching, pours, keepouts, copper and overlappable copper (antennas, filters, net ties), and reading the realized layout back. Use jitx-interactive-layout for placing and routing in the open layout from scripts through jitx design session and exec, so the result stays editable in the board editor, and for reading back route status, issues and skew margins. Use jitx-layout-constraints for design rules, clearances, classes of nets by tag, power trace width, pour rules, via stitching and fencing, routing structures applied by tag, and fanout step-down into package pads. Use jitx-interconnect-constraints for signal integrity constraints (timing, skew, insertion loss), pin models, differential pairs, daisy-chain topology, and protocol-level constraint patterns. Use jitx-pin-assignment for pin assignment patterns including provide/require, pin muxing, DiffPair P/N swapping, PCIe lane ordering, DDR byte/bit swapping, and SI constraints on pin-assigned ports. Use jitx-code-review for same-model self-critique of JITX Python code against the anti-string-hacking architectural rules — mandatory for complete-board tier at task acceptance, user-invoked for single-task work. Use jitx-mechanical for mechanical CAD import/export through the jitx-mechanical CLI, Model3D STEP attachment, and board STEP export guidance. Use jitx-jlcpcb, the opt-in JLCPCB fab option, only once the user has chosen JLCPCB: its predefined substrates, LCSC parts and assembly tiers, catalogue footprints,

13 skills