frontend▌

Self-contained mini-backends that bundle schema, functions, and data with clear API boundaries. \n \n Components encapsulate features like storage, payments, and notifications as reusable backend modules, reducing monolithic code and improving maintainability \n Sibling components pattern allows multiple components to work together at the same level, with the main app orchestrating calls across them \n Official component library includes authentication, storage, payments, AI, and utility compone

Build generative UI apps with Tambo — create rich, interactive React components from natural language.

To create high-quality MCP (Model Context Protocol) servers that enable LLMs to effectively interact with external services, use this skill. An MCP server provides tools that allow LLMs to access external services and APIs. The quality of an MCP server is measured by how well it enables LLMs to accomplish real-world tasks using the tools provided.

Interactive requirements gathering and professional PRD generation through quality-scored dialogue. \n \n Systematically assesses requirements across five dimensions (business value, functional specs, UX, technical constraints, scope) using a 100-point quality scale, iterating until 90+ threshold before document generation \n Gathers project context by reading existing README and configuration files, then asks targeted clarification questions focused on the lowest-scoring requirement areas \n Ge

Master-level posters, book covers, and album art in Mondo's bold, minimalist screen-print aesthetic. \n \n Generates optimized prompts and creates actual designs across 20+ legendary artist styles (Saul Bass, Olly Moss, Tyler Stout, and 17 others) with customizable color palettes and composition techniques \n Supports multiple formats and aspect ratios: vertical posters (9:16), horizontal cinema (16:9), square albums (1:1), and custom dimensions for print and social media \n Features AI prompt e

45 performance optimization rules for React and Next.js, organized by impact from critical waterfalls and bundle size down to advanced patterns. \n \n Covers 8 rule categories prioritized by performance impact: eliminating waterfalls, bundle optimization, server-side performance, client-side data fetching, re-render optimization, rendering performance, JavaScript performance, and advanced patterns \n Each rule includes explanations, incorrect/correct code examples, and context to guide automated

$22

Convert PRDs to beads (epic + child tasks) for ralph-tui autonomous execution. \n \n Extracts quality gates from PRD and appends them to every bead's acceptance criteria, ensuring consistent validation across all stories \n Creates an epic with right-sized child beads, where each story is completable in a single ralph-tui iteration without context overflow \n Establishes dependencies between beads using bd dep add to enforce correct execution order: schema → backend → UI → integration \n Outputs

Create cohesive brand identities, logos, and visual systems with design guidance and asset templates. \n \n Covers logo design process from discovery through concept development, with support for wordmarks, lettermarks, and icon-plus-wordmark combinations \n Includes complete color palette systems with accessibility guidelines, typography scales, and semantic color definitions \n Provides ready-to-use React components and SVG templates for logos, social media posts, business cards, and favicons

Interactive menu for browsing and composing agent teams on demand. Works with flat or domain-subdirectory agent collections.