frontend▌

Learn to THINK, not copy SQL patterns.

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

$22

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

Design AI agent tools with clear schemas, descriptions, and error handling that prevent hallucination and token waste. \n \n Focuses on JSON Schema best practices and description writing that helps LLMs understand tool intent and constraints, not just implementation details \n Covers tool validation, explicit error handling patterns, and recovery strategies that prevent silent failures and agent loops \n Includes guidance on the Model Context Protocol (MCP) standard for tool interoperability acr

A collection of design-related skills for Claude Code.

Mobile-first design prioritizes small screens as the starting point, ensuring core functionality works on all devices while leveraging larger screens for enhanced experience.

CSS-first Tailwind v4 configuration using @theme directives, OKLCH colors, and design tokens without config files. \n \n Configure theme entirely in CSS via @theme directives (default, inline, or reference modes) instead of tailwind.config.js \n Use OKLCH color format for perceptually uniform colors with L (lightness), C (chroma), and H (hue) parameters \n Vite plugin setup (@tailwindcss/vite) replaces PostCSS; no postcss.config.js needed \n CSS variable naming conventions for colors, spacing, f

Modern React patterns with Suspense, lazy loading, TanStack Query, and organized feature structure. \n \n Covers component creation, data fetching with useSuspenseQuery , file organization using a features directory, and MUI v7 styling conventions \n Emphasizes lazy loading for heavy components, Suspense boundaries for loading states, and import aliases ( @/ , ~types , ~components , ~features ) for cleaner code \n Includes routing setup with TanStack Router, performance optimization via useMemo

Build smooth 60fps animations combining Reanimated 3, Gesture Handler, and layout transitions. \n \n Master Reanimated's shared values, animated styles, and timing functions (withSpring, withTiming, withDecay) for declarative animations \n Handle complex gestures like pan, pinch, and rotation using Gesture Handler, then synchronize them with animations via shared values \n Implement entering/exiting animations and layout transitions using FadeIn, FadeOut, and Layout.springify() for dynamic lists