Frontend skills

This skill generates dynamic social preview images for Next.js apps using file conventions and next/og, with server-side rendering and build-time caching.

This skill helps you configure and customize Django Unfold admin interfaces, boosting productivity with streamlined model admins, dashboards, and advanced

This skill helps you craft complete Storybook stories, Cosmos fixtures, and visual regression tests to turn components into polished, documented showcases.

This skill generates iOS 26-ready app icons for React Native Expo projects using AI, handling styling, formats, and Android adaptive icon readiness.

This skill helps you develop SolidJS 1.8+ apps with fine-grained reactivity, efficient DOM updates, and modern data-fetching patterns.

This skill orchestrates real-time streaming pipelines from chat ingestion to OBS output, enabling AITuber presence with latency-aware, adaptive avatars.

This skill helps you install the Vercel AI SDK and build a streaming chat interface using useChat, boosting rapid AI-enabled UI development.

This skill helps you bootstrap a Next.js app on Bun, configured for development and deployment to Vercel with automatic previews.

This skill helps you implement and manage a robust test strategy across Playwright, API integration, and unit tests for fast, isolated runs.

This skill streamlines secure authentication across client and server, enabling session access, protected routes, sign in/out, and user data retrieval.

This skill helps you set up Shadcn UI with dark mode support using next-themes, including theme provider and CSS variables configuration.

This skill helps you implement a complete account settings page with profile editing, password changes, email updates, session management, and deletion.

This skill helps you understand codebases end-to-end, identifying features, data flows, and module responsibilities with precise file:line references.

This skill helps you implement production-ready authentication UI and pages with shadcn patterns for sign in, sign up, and reset flows.

This skill helps you create and run browser tests with Playwright to verify user interactions, navigation, and visual feedback across pages.

This skill ensures zero hydration mismatch between server-rendered HTML and client React trees by applying sensory validation and pausable composition patterns.

This skill helps you achieve 100% codebase comprehension with minimal tokens by applying semantic mapping, ACP packing, and forensic digests.

This skill accelerates building advanced Filament v4 admin interfaces with custom data sources and nested resources, delivering rapid, customizable CRUDs.

This skill designs and validates robust end-to-end test suites using Playwright, POM, visual regression, and Axe-core accessibility for fast, reliable CI.

This skill enables programmatic, frame-precise Remotion video generation with AI-driven workflows and dynamic data for high-fidelity 2026 productions.

This skill guides migrating CRA projects to Next.js, converting routing, data fetching, and assets to modern patterns for improved performance and server