design▌

Comprehensive database schema design patterns for PostgreSQL and MySQL with normalization, relationships, constraints, and error prevention.

Analyze existing designs and generate production-grade design systems with intentional aesthetics. \n \n Three operational modes: analyze CSS for patterns and tokens, specify design requirements in JSON, and generate color palettes, typography systems, design tokens, and framework components \n Supports React, Vue, Svelte, and vanilla HTML with multiple styling approaches (Tailwind, CSS modules, styled-components, scoped CSS) \n Includes accessibility auditing (contrast ratios, focus states, tou

Design and implement append-only event stores for event-sourced systems. \n \n Covers architecture patterns, technology comparison (EventStoreDB, PostgreSQL, Kafka, DynamoDB), and core requirements including append-only semantics, ordering, versioning, and subscriptions \n Includes production-ready PostgreSQL schema with indexing strategy, snapshots table, and subscription checkpoints for managing consumer state \n Provides Python event store implementation with optimistic concurrency control, s

Model complex business domains with entities, value objects, and bounded contexts.

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. \n \n Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices \n Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact \n Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purp

Design banners across social, ads, web, and print formats. Generates multiple art direction options per request with AI-powered visual elements. This skill handles banner design only. Does NOT handle video editing, full website design, or print production.

This skill encodes design principles derived from comparing polished, production-quality SwiftUI apps against poorly-built ones. The patterns here represent what separates an app that feels "right" from one where the margins, spacing, and text sizes just look "off."

Modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first strategies. \n \n Container queries enable component-level responsiveness independent of viewport size, with support for container query units (cqi, cqw, cqh) and style queries \n Fluid typography and spacing via CSS clamp() scales smoothly across screen sizes with min/max bounds, eliminating discrete breakpoint jumps \n CSS Grid auto-fit/auto-fill patterns and Flexbox provide intrinsic layouts that a