Results for “component-principles”

Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.

Composition Patterns

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Guides module boundaries, dependency direction, and domain structure. Do not use for local edits that leave architecture unchanged.

Find a unifying insight that eliminates multiple components, collapsing complexity by abstracting common patterns.

Provides React composition patterns to avoid boolean prop proliferation, build flexible component libraries, and design reusable APIs, including React 19 changes.

Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.

Apply meta-principles of software craftsmanship: DRY, orthogonality, tracer bullets, and design by contract to build systems that are easy to change, understand, and trust.

Provides idiomatic React 18/19 patterns for hooks, server/client components, Suspense, error boundaries, forms, data fetching, state management, and accessibility-first composition.

Find a single insight that eliminates multiple components by recognizing when seemingly different systems share a common underlying pattern.

Angular core patterns: standalone components, signals, inject, control flow, zoneless. Trigger: When creating Angular components, using signals, or setting up zoneless.

Design motivation systems for products and teams using Autonomy, Mastery, and Purpose (AMP) to drive intrinsic engagement.

Manage software complexity through deep modules, information hiding, and strategic programming, with a scoring framework for evaluating design quality.

Dotnet Patterns

Compare tradeoffs and recommend architectural patterns — dependency injection, service-oriented architecture, repository, domain events, circuit breaker, and anti-corruption layer. Use when choosing between design patterns, planning microservices boundaries, evaluating system design alternatives, or asking 'which pattern should I use' for a specific coupling or resilience problem.

Define a set of actionable design principles that guide decision-making and resolve trade-offs.

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

Provides React composition patterns to avoid boolean prop proliferation, covering compound components, state management, and React 19 API changes.

Socratic coach for breaking down problems to fundamental truths. Use when users want to think through a problem deeply, challenge assumptions, or find innovative solutions. Triggers on requests like "help me think through this", "let's break this down", "what are my blind spots", "I'm stuck on a problem", "challenge my assumptions", or explicit requests for first-principles thinking.

Implements and applies algorithms concepts, designs solutions using algorithmic principles, and optimizes performance for algorithm implementations.

Imported skill ui_component from openai

Explains React Server and Client Components, data fetching, streaming with Suspense, passing data, and Server Actions with code examples.

Page components — the thin data-fetching layer that binds a route to a template, invoking getServerSideProps/getStaticProps and passing props down. Use when creating a new route, choosing SSR vs SSG vs ISR for a page, or reviewing whether a page is doing template-level work it shouldn't.

Build Livewire components with patterns for lists, forms, validation, and events.

Converts Stitch designs into modular Vite and React components, using MCP networking and AST-based validation to ensure code quality.