frontend▌

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 reduce brittleness during refactoring, async/await synchronization, and snapshot tes

Create original visual designs by developing aesthetic philosophies, then expressing them through meticulously crafted .png or .pdf artwork. \n \n Two-step process: first generate a design philosophy manifesto (4–6 paragraphs articulating visual principles around form, space, color, and composition), then express it as a single-page or multi-page visual artifact \n Emphasizes sparse, essential-only text integrated as visual element; ideas communicate through spatial relationships, color zones, t

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.

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.

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

$22

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

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

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