Results for “design-patterns”

Analyzes and documents Vodafone's design language, including color palette, typography hierarchy, spacing system, and layout patterns for brand-consistent implementation.

MCP (Model Context Protocol) server building principles. Tool design, resource patterns, best practices.

Both directions produce working layouts, but very different amounts of CSS.

Tab UI component reference — design patterns, accessibility, state management, responsive tabs. Use when implementing tabbed interfaces, designing tab navigation, or building accessible tab components.

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

Analyze and replicate xAI's design language: near-black canvas, white pill outlines, Universal Sans display type, and Geist Mono technical labels.

Documents Sentri's design language with color tokens, typography hierarchy, and layout patterns for a developer-tools brand.

Designs secure, high-performance GraphQL APIs by applying schema design, DataLoader batching, query depth limiting, and resolver-level authorization patterns.

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing SwiftUI views, or ensuring apps follow Apple's design principles.

Design GraphQL schemas, resolvers, and DataLoader patterns, integrate with Apollo/urql, and implement federation for microservices.

Generate structured documentation templates for components, patterns, or guidelines within a design system.

Design GraphQL schemas, resolvers, and DataLoader patterns, and integrate clients with Apollo or urql.

Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Includes quick recipes and conventions for clean, consistent web design.

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

Use this when a codebase or design effort needs consistency enforcement for tokens, spacing, typography, color usage, component variants, and reusable interaction patterns.

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

Provides MySQL and MariaDB schema, query, indexing, transaction, replication, and connection-pool patterns for production backends.

Analyzes frontend source code to extract a comprehensive design system document (DESIGN.md) capturing colors, typography, spacing, and component patterns without building or rendering the app.

Domain-Driven Design methodology using bounded contexts, ubiquitous language, and strategic/tactical patterns

Provides a structured checklist of design principles and rules to produce grounded, non-generic UI/HTML/slide outputs by gathering context, offering multiple variants, and avoiding AI-slop patterns.

Design REST and GraphQL APIs with OpenAPI 3.1 specifications, resource modeling, versioning strategies, pagination patterns, and error handling standards.

Designs scalable GraphQL APIs with schema design, DataLoader for N+1 prevention, and Apollo Client caching, while avoiding common anti-patterns.

Enforces production-grade REST API design, distributed systems patterns, database design, and event-driven architecture at a principal-engineer level.

Design and implement production-grade GraphQL APIs with schema design, DataLoader for N+1 prevention, Apollo Client caching, and federation patterns.

Use when designing, implementing, or reviewing APIs to ensure consistent, reliable, and developer-friendly interfaces. This skill provides standardized API design principles and patterns across all companies and services.

ML pipeline design — data versioning, experiment tracking, deployment patterns, drift monitoring. Use when building an ML pipeline from data to deployment, setting up MLOps tooling (DVC, MLflow, model registry), choosing deployment patterns (shadow, canary, A/B), or designing monitoring for drift and degradation.

Code review specialist for quality standards, design patterns, security review, and constructive feedbackUse when "code review, pull request, PR review, code quality, refactor, technical debt, design pattern, best practice, code-review, quality, patterns, security, refactoring, best-practices, pull-request, review, ml-memory" mentioned.

Manage shadcn/ui components and projects with context, documentation, and usage patterns for building modern design systems.

Designs strategic HTML presentations with data visualization, layout patterns, and copywriting formulas for marketing and pitch decks.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Plan UX patterns and design specifications. Use when the user says "lets create UX design" or "create UX specifications" or "help me plan the UX"

Design GraphQL APIs with well-structured schemas, efficient resolvers, pagination, and performance patterns like DataLoader and federation. Use when the user requests graphql api design or provides relevant inputs for this workflow.

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Application architecture patterns and code organization — clean architecture, hexagonal architecture, feature-based structure, dependency inversion, module boundaries, SOLID principles at module scale. Activate on "clean architecture", "hexagonal architecture", "feature-based structure", "dependency inversion", "module boundaries", "architecture pattern", "folder structure", "fat controller", "circular dependency", "IoC container". NOT for microservice decomposition (use microservices-patterns) or database schema design (use database-design-patterns).

Documents the Starbucks design system with color palette, typography rules, spacing, and component styles for UI implementation.

Designing and evaluating AI/ML systems: prompt engineering, RAG design, LLM application patterns, AI safety, evaluation frameworks, MLOps, cost optimization. Use for AI pipelines or eval harnesses.