Frontend skills

This skill helps you implement features and write code based on Plans.md tasks, ensuring quality gates and non hard-coded solutions.

This skill helps you automate browser tasks for web testing, form filling, and data extraction with reliable element interactions.

This skill helps you craft Manifest V3 browser extensions with robust persistence, security, and cross-browser compatibility.

This skill helps you optimize frontend and backend performance by enforcing INP under 200ms, partial hydration, UUIDv7 indexing, and token stewardship.

This skill helps you implement pixel-perfect frontend experiences that align with human-centered psychology and production-grade design systems.

This skill enforces strict test-first discipline to deliver robust JavaScript code by guiding you through the red-green-refactor cycle.

This skill helps you implement Zustand state patterns including slices, persistence, selectors, async actions, and middleware for React apps.

This skill guides you through AI SDK 5 chat integration, highlighting breaking changes from v4 and enabling smooth transport-based implementations.

This skill helps you choose and use Angular forms best practices, including signals and reactive forms, to validate, manage state, and simplify form handling.

This skill helps optimize Next.js 15 apps by applying App Router patterns, server components, and server actions across routing, data fetching, and middleware.

This skill helps you structure Angular projects using the Scope Rule, project layout, and naming conventions to improve maintainability.

This skill helps you build cross-platform desktop apps with Electron, enabling secure IPC, native integrations, and framework-agnostic setup.

This skill automates browser tasks by navigating, interacting, and extracting data to streamline web workflows for AI agents.

This skill opens and manages the Harness UI dashboard to monitor sessions, tasks, and project status in real time.

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

This skill captures before-and-after screenshots for visual UI comparisons by comparing two URLs or images.

This skill auto-detects project tech stacks, package managers, and configuration patterns to guide framework-specific setup and tooling recommendations.

This skill guides selecting and implementing VueUse composables to build concise, maintainable Vue.js / Nuxt features with optimal performance.

This skill translates Figma designs into production-ready code with pixel-perfect fidelity and design-system integration using MCP server context for accurate

This skill connects Figma design components to code implementations by locating matches and creating Code Connect mappings across your project.

This skill provides a comprehensive Flutter API reference guide that accelerates cross platform development by detailing widgets, layout, animations,