frontend▌

A five-day process for answering critical business questions through design, prototyping, and testing ideas with customers. Developed at Google Ventures and used by Google, Slack, Airbnb, and hundreds of startups.

$22

Translate Figma designs into production-ready code with pixel-perfect visual fidelity. \n \n Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs \n Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure \n Emphasizes design system reuse, design token mapping, and 1:1 visual par

45 performance optimization rules for React and Next.js, organized by impact and category. \n \n Covers 8 rule categories from eliminating waterfalls and bundle optimization (critical) through JavaScript performance and advanced patterns (low priority) \n Each rule includes explanation, before/after code examples, and context to guide automated refactoring and code generation \n Prioritized by impact: waterfalls and bundle size are critical; server-side performance and re-render optimization are

Write user-facing copy following Sentry's brand guidelines.

Apply Anthropic's official brand colors, typography, and visual identity to artifacts. \n \n Includes six brand colors (dark, light, mid/light gray, orange, blue, green) with RGB values for precise matching across platforms \n Automatically applies Poppins font to headings (24pt+) and Lora font to body text, with fallback to Arial and Georgia if custom fonts unavailable \n Smart color selection adapts text and accent colors based on background for readability and visual hierarchy \n Works with s

Dark-first UI design with neon accents, monospace typography, and visual discovery patterns for addictive interfaces. \n \n Emphasizes dark themes (rich blacks), terminal-inspired typography (JetBrains Mono + Space Grotesk), and neon color accents (cyan, purple, lime, coral) paired with CSS custom properties for swappable theming \n Prioritizes tactile interactions: hover lifts, staggered animations, glow effects, and micro-interactions that reward exploration and scrolling \n Recommends signatu

$22

Comprehensive Vue.js testing guidance covering unit, component, and end-to-end testing strategies. \n \n Addresses 11 common testing challenges including async handling, composable testing, Pinia store setup, Suspense components, and Teleport queries \n Recommends Vitest for unit and component testing infrastructure, with Playwright as the preferred E2E framework \n Covers black-box component testing patterns to prevent brittle tests during refactoring, async/await patterns to eliminate race con

React hooks and components library for async state, reactive watching, lifecycle management, and error handling. \n \n Includes async hooks for state management and callbacks, watch hooks for reactive value tracking, and lifecycle utilities for component mounting \n Provides conditional rendering components (If/Else, Switch/Case) and error-safe hooks with built-in fallback behavior \n Offers advanced features: cross-component event bus, offset-based pagination, and fetch request/response interce