Frontend skills

This skill promotes native ES2022-2025 JavaScript utilities for array, object, set operations and deep cloning, reducing lodash usage.

This skill guides you in structuring React components, hooks, and Zustand state for scalable, maintainable code.

This skill generates documentation for project dependencies by scanning libraries and providing versioned details, usage examples, and reference links.

This skill provides a complete guide to implementing table search and pagination in React/Next.js, focusing on race conditions, caching, and UX.

This skill enables editing, highlighting, and visual scripting with Composable Svelte code components to accelerate editor UIs and node-based workflows.

This skill analyzes frontend code structure to refactor, remove duplication, apply patterns, and enhance readability for maintainable UI.

This skill helps build Angular standalone components with signal-based reactivity, template control flow, and dependency injection for efficient, modular UI

This skill enforces TypeScript/React standards for maintainable code, guiding one export per file, typed shapes, and Next.js special-file practices.

This skill helps you implement state-driven navigation and Motion One animations for modals, sheets, and route transitions in Composable Svelte.

This skill helps you implement Vue 3 composables with localStorage persistence in Nuxt 4, enabling progress, quizzes, and certificates.

This skill generates production-ready React components with TypeScript, props interfaces, hooks, and styling patterns ready for immediate use.

This skill helps you accelerate React and TypeScript frontends by guiding component, hook, and Ant Design integration while enforcing best practices.

This skill helps you merge new .origin.ts files into Angular projects without breaking custom logic, preserving behavior and enabling safe regeneration.

This skill helps you implement Inertia Rails best practices across server setup, props, forms, navigation, security, and testing for robust apps.

This skill fixes TypeScript and build errors quickly with minimal diffs to get the build green fast.

This skill reviews PF frontend TypeScript code against React 19 patterns and conventions, offering actionable feedback.

This skill refactors inline styles and utilities into semantic CSS components with dark mode support and tests to improve maintainability.

This skill reviews existing CSS for semantic naming, Tailwind @apply usage, dark mode coverage, and tests, providing actionable feedback.

This skill helps bootstrap a new package in a mono-repo by generating standard scaffolding and configuration.

This skill helps you write reliable Playwright tests by enforcing semantic selectors, proper waits, accessibility checks, and isolation across viewports.

This skill helps you manage frameworks, dependencies, and build configurations to stabilize projects and accelerate development.