frontend▌

Ship Liquid Glass UI that feels native, stays legible, and degrades safely across iOS/Android.

Anti-slop frontend skill for creating unique landing pages and portfolios.

This skill contains the complete design system for Claude's built-in show_widget tool — the generative UI feature that renders interactive HTML/SVG widgets inline in claude.ai conversations. The guidelines below are the actual Anthropic "Imagine — Visual Creation Suite" design rules, extracted so you can produce high-quality widgets directly without needing the read_me setup call.

Expert motion design guidance for creating compelling, engaging videos. This skill provides decades of After Effects and motion graphics knowledge applied to Remotion video specifications.

This skill enables conversion from Markdown or HTML to professional PowerPoint presentations using Marp (Markdown Presentation Ecosystem). Create beautiful, consistent slides using simple Markdown syntax with CSS-based themes.

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

End-to-end testing focused on real user behavior, minimal mocking, and avoiding component unit tests. \n \n Prioritizes E2E tests over unit tests; reserves unit tests for pure functions only \n Emphasizes accessible selectors (role-based, label-based) over CSS selectors and test IDs in E2E tests \n Recommends writing E2E tests instead of heavily mocked unit tests; suggests 3+ mocks as a signal to switch approaches \n Includes rules for test structure, selector strategy, and when to apply each te

Delegate design tasks to Gemini via ZenMux API. Gemini creates HTML page designs, SVG icons, and provides design advice.

Comprehensive Next.js performance optimization covering Core Web Vitals, modern React patterns, and production-grade techniques. \n \n Covers Core Web Vitals optimization (LCP, INP, CLS), image/font optimization with next/image and next/font , and caching strategies using unstable_cache and revalidateTag \n Guides conversion of Client Components to Server Components, implementation of Suspense streaming for progressive loading, and bundle size reduction through code splitting \n Includes Next.js

Expert UX design guidance for research, wireframing, prototyping, and design strategy. \n \n Covers the full UX process from user research and persona building through prototyping, usability testing, and design handoff \n Includes critical rules for accessibility (WCAG compliance), information architecture, interaction design, and visual hierarchy organized by priority \n Provides structured templates for personas, user flows, and design reviews with specific criteria and remediation guidance \n