design▌

Landing page conversion optimization with layout rules, hero design, and CTA psychology. \n \n Covers above-the-fold formula, headline patterns, hero image strategy, and section sequencing proven to convert \n Includes CTA button design rules, form field optimization, mobile-first guidelines, and social proof placement strategies \n Provides specific examples of high-converting vs. failing headlines, CTAs, and hero images with anti-patterns \n Integrates with inference.sh CLI to generate hero im

REST and GraphQL API design with OpenAPI documentation, versioning strategies, and best practices. \n \n Covers REST fundamentals including resource naming, HTTP methods, status codes, request/response formatting, and error handling patterns \n Includes pagination, filtering, sorting, and field selection query parameters with standardized response structures \n Supports multiple authentication approaches: JWT, OAuth 2.0, API keys, and session-based methods \n Provides URL and header-based versio

packages/design-tokens/tokens.css:

Design and optimize SQL and NoSQL database schemas with normalization, indexing, and migration strategies. \n \n Covers entity definition, relationship design (1:1, 1:N, N:M), and normalization levels (1NF–3NF) for PostgreSQL, MySQL, MongoDB, and SQLite \n Provides indexing strategies, constraint setup, and trigger implementation to ensure data integrity and query performance \n Includes migration script generation with UP/DOWN rollback capabilities for safe schema evolution \n Delivers complete

$22

$23

Comprehensive patterns for designing effective KPI dashboards that drive business decisions. \n \n Covers three dashboard hierarchy levels (strategic, tactical, operational) with department-specific KPI templates for sales, marketing, product, and finance \n Includes three layout patterns: executive summary, SaaS metrics, and real-time operations dashboards with visual examples \n Provides SQL queries for common calculations (MRR, cohort retention, CAC) and Python/Streamlit implementation code f

Build robust, scalable design systems that ensure visual consistency and exceptional user experiences.

Toolkit for creating animated GIFs optimized for Slack with validation and animation utilities. \n \n Provides GIFBuilder for frame assembly, validators to check Slack compliance, and easing functions for smooth motion (bounce, elastic, ease-in-out, etc.) \n Supports emoji GIFs (128x128, under 3 seconds) and message GIFs (480x480) with configurable FPS, color palette, and optimization flags \n Includes animation concepts (shake, pulse, bounce, spin, fade, slide, zoom, particle burst) with code e

Material Design 3 and Jetpack Compose patterns for building modern, adaptive Android applications. \n \n Covers Material Design 3 components (cards, buttons, navigation, text fields, dialogs) with dynamic color theming and tonal palettes for accessibility \n Provides Jetpack Compose layout patterns including Column/Row, LazyColumn/LazyVerticalGrid, and adaptive layouts for phones, tablets, and foldables \n Includes navigation implementations for bottom navigation, navigation drawers, and Navigat