design▌

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

This skill provides a structured workflow for translating Figma designs into production-ready code with pixel-perfect accuracy. It ensures consistent integration with the Figma MCP server, proper use of design tokens, and 1:1 visual parity with designs.

Opinionated design system for creating distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. \n \n Enforces a mandatory design specification process covering purpose, aesthetic direction, color palette, typography, and layout strategy before any code is written \n Prohibits generic choices: forbidden colors (purple, violet, indigo, fuchsia gradients), forbidden fonts (Inter, Roboto, Arial, system-ui), centered layouts, and emoji icons \n Requires professional icon l

This skill enables AI agents to perform a comprehensive visual design and aesthetics evaluation of digital interfaces, analyzing elements like typography, color palettes, spacing, visual hierarchy, and overall design quality.

A 3-phase workflow for extracting, structuring, and applying design identity across three dimensions:

Automated UI code review against Vercel's Web Interface Guidelines. \n \n Fetches the latest guidelines from the official Vercel repository before each review to ensure current rule compliance \n Analyzes React, Vue, Svelte, HTML, CSS, and JavaScript/TypeScript files against all fetched rules \n Reports violations in file:line format with actionable feedback on how to fix each issue \n Supports file paths and glob patterns for flexible scope selection across projects \n

Build production-quality user interfaces that are accessible, performant, and visually polished.

Design intuitive, accessible, user-centered interfaces.

Establish design token hierarchies, theming infrastructure, and component architecture for scalable design systems. \n \n Covers three-layer token organization: primitive tokens (raw values), semantic tokens (contextual meaning), and component tokens (specific usage) \n Includes theme switching patterns with CSS custom properties, React context providers, system preference detection, and persistent storage \n Provides component architecture patterns including compound components, polymorphic var

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."