Frontend skills

This skill helps you write end-to-end UI tests for Blazor apps using Playwright .NET, validating UI flows, responsiveness, and JavaScript errors.

This skill analyzes UI sources like URLs and recordings to generate implementation specs, design systems, and component catalogs.

This skill provides practical Inertia Rails patterns and components, enabling rapid UI, modal usage, and cohesive starter-kit customization.

This skill provides expert OpenTUI core development guidance, enabling you to build, style, animate, and debug terminal UIs with vanilla TypeScript.

This skill guides you through installing gluestack-ui v4 via CLI or Manual, ensuring correct setup and ready-to-use components.

This skill helps you pick Lucide icons that symbolize concepts or UI contexts with real icon recommendations and rationale.

This skill translates Figma designs into pixel-perfect Storybook components, enforcing one-at-a-time extraction, exact dimensions, and iterative refinement

This skill helps secure authentication, secrets, and user input by applying proven security patterns such as HttpOnly cookies, DOMPurify sanitization, and CSP

This skill helps you decide when to use Zustand for shared UI state versus useState for local state, ensuring clean architecture.

This skill helps you configure PostHog analytics and feature flags in a Next.js App Router monorepo with client and server setup.

This skill helps you build fast, type-safe React Hook Form patterns using useForm, Controller, useFieldArray, and resolver-based validation.

This skill helps you implement robust service worker patterns with lifecycle management, versioned caches, and user-controlled offline update strategies.

This skill implements real-time communication using WebSocket and Socket.io, guiding you through client setup, event handling, and reconnection strategies.

This skill helps you monitor project plans with a visual kanban dashboard, tracking progress, timelines, and phase status across plans.

This skill helps you manage fine-grained React state with atomic cells and automatic dependency tracking for fast, scalable UIs.

This skill helps you test local web applications with Playwright in Python, enabling reliable UI verification, debugging, and visual inspection.

This skill helps you select and integrate Composable Svelte components with props, state, and accessibility patterns for fast, cohesive UI development.

This skill guides you through interactive authentication with the browse CLI, helping securely complete login flows and MFA prompts.

This skill automatically detects project tech stack, frameworks, and patterns to inform targeted tooling and automation decisions.

This skill helps you quickly find and reference Ant Design Pro Components guidance, docs links, and usage scenarios for faster backend/admin UI development.

This skill helps you implement Remix v2 patterns with loaders, actions, and progressive enhancement to build secure, server-rendered full-stack apps.