frontend▌

Design shareable generator tools optimized for social virality and identity moments. \n \n Covers generator architectures for name generators, quizzes, personality tests, avatars, and calculators with patterns for deterministic and AI-powered outputs \n Emphasizes minimal input design, screenshot-optimized result cards, and identity-forming outputs that users want to share \n Includes quiz builder patterns with weighted scoring, image-choice questions, and 4–8 distinct result categories for maxi

Tailwind uses a mobile-first breakpoint system. With over 60% of global web traffic from mobile devices and Google's mobile-first indexing, this approach is essential.

I help you design effective data visualizations by recommending the right chart types, generating configurations for popular charting libraries, and applying data visualization best practices.

This is an example of a project-specific skill. Use this as a template for your own projects.

React UI patterns for loading states, error handling, and async data in components. \n \n Three core patterns: show loading indicators only when data is absent, always surface errors to users, and disable buttons during async operations to prevent duplicate submissions \n Includes decision trees and component examples for skeleton vs. spinner selection, error state hierarchy (inline, toast, banner, full screen), and empty state requirements for all collections \n Covers form submission workflows

Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers and stand the test of time.

sentry-react-native-sdk

Interactive node-based graph visualization and workflow editor for React applications. \n \n Provides built-in node types (default, input, output, group) and edge types (bezier, straight, step, smoothstep) with full customization via custom components \n Includes Handle components for connection points, NodeProps and EdgeProps for typed custom nodes and edges, and EdgeLabelRenderer for interactive labels \n Offers programmatic control through useReactFlow hook for viewport management (fitView, z

Learn to THINK, not copy SQL patterns.

Build production-ready iOS features by combining ShipSwift recipes -- copy-paste-ready SwiftUI implementations covering animations, charts, UI components, and full-stack modules.