design▌

$22

Structured guidance for database selection, schema design, and query optimization decisions. \n \n Covers six core areas: database selection (PostgreSQL, Neon, Turso, SQLite), ORM choice (Drizzle, Prisma, Kysely), schema normalization, indexing strategy, query optimization, and safe migrations \n Emphasizes context-driven decision-making rather than defaulting to PostgreSQL; includes a checklist for schema design prerequisites \n Highlights common anti-patterns: unnecessary PostgreSQL adoption,

Design system toolkit for generating tokens, documenting components, and enabling design-dev handoff. \n \n Generates complete design tokens (colors, typography, spacing, shadows, animations) from a single brand color in multiple formats (JSON, CSS, SCSS) \n Includes three style presets (modern, classic, playful) and an 8pt spacing grid system with responsive breakpoints \n Covers component architecture, accessibility compliance, and developer handoff documentation for maintaining visual consist

Framework-based guidance for building and scaling design systems from product leaders at Figma and Airbnb. \n \n Covers four core principles: separating conceptual design from production output, leveraging design systems for organizational scaling, creating self-teaching assets, and evolving beyond flat design toward dimensional interfaces \n Provides assessment questions to determine scope (component library, tokens, documentation), adoption strategy, and success metrics \n Flags common pitfall

Create original visual designs by developing aesthetic philosophies, then expressing them through meticulously crafted .png or .pdf artwork. \n \n Two-step process: first generate a design philosophy manifesto (4–6 paragraphs articulating visual principles around form, space, color, and composition), then express it as a single-page or multi-page visual artifact \n Emphasizes sparse, essential-only text integrated as visual element; ideas communicate through spatial relationships, color zones, t

Translate Figma designs into production-ready code with pixel-perfect visual fidelity. \n \n Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs \n Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure \n Emphasizes design system reuse, design token mapping, and 1:1 visual par

A five-day process for answering critical business questions through design, prototyping, and testing ideas with customers. Developed at Google Ventures and used by Google, Slack, Airbnb, and hundreds of startups.

$22

Dark-first UI design with neon accents, monospace typography, and visual discovery patterns for addictive interfaces. \n \n Emphasizes dark themes (rich blacks), terminal-inspired typography (JetBrains Mono + Space Grotesk), and neon color accents (cyan, purple, lime, coral) paired with CSS custom properties for swappable theming \n Prioritizes tactile interactions: hover lifts, staggered animations, glow effects, and micro-interactions that reward exploration and scrolling \n Recommends signatu

$22