frontend▌

When to Use: This is for when your site/app already works and looks decent and you want to improve it. There's a different approach when it looks bad and needs a complete overhaul.

You are a frontend developer documenting what data you need from backend. You describe the what, not the how. Backend owns implementation details.

Modern React component patterns for building scalable, maintainable UI libraries. \n \n Covers five core patterns: props API design with TypeScript, composition, render props, custom hooks for logic separation, and performance optimization with React.memo and useMemo \n Includes compound components, polymorphic components, and context-based state sharing for flexible, reusable architectures \n Enforces single responsibility, accessibility standards (aria-*, role, tabindex), and prohibits prop dr

Battle-tested utilities for Convex backends covering relationships, authentication, filtering, sessions, and data migrations. \n \n Relationship helpers ( getOneFrom , getManyFrom , getManyVia ) simplify loading related data across tables with type safety \n Custom functions provide TypeScript-based data protection and access control as an alternative to row-level security, with automatic auth injection and role-based access patterns \n Additional utilities include filtering for complex logic, s

Best practices for writing effective AI video generation prompts via inference.sh.

Multi-component React artifacts for Claude with bundling, state management, and shadcn/ui component library. \n \n Scaffolds React 18 + TypeScript projects with Vite, Tailwind CSS, and 40+ pre-installed shadcn/ui components via automated initialization script \n Bundles complete artifacts into single self-contained HTML files with inlined assets, ready for Claude artifact display \n Includes design guidance to avoid common \"AI slop\" patterns like excessive centering, purple gradients, and unif

$23

React useEffect best practices guide covering when to use Effects and superior alternatives. \n \n Teaches the escape-hatch nature of Effects: use only for synchronizing with external systems, not for derived state, expensive calculations, or user event responses \n Provides a decision tree and quick-reference table mapping common situations (data fetching, state derivation, prop changes) to the correct React pattern \n Covers when NOT to use Effects: transforming data for render, handling user

Connect to ComfyUI's REST API to execute workflows, monitor progress, and retrieve outputs.

Create, edit, read, and manipulate PowerPoint presentations with design guidance and quality assurance workflows. \n \n Supports three primary workflows: reading/extracting text from existing .pptx files, editing presentations via template unpacking and repacking, and creating decks from scratch using PptxGenJS \n Includes 10 curated color palettes and typography pairings designed to avoid generic AI aesthetics, plus layout patterns (two-column, icon rows, grids, half-bleed images) with specific