Frontend skills

This skill helps you design, implement, and optimize Jotai atom-based state in React apps, boosting performance and maintainability.

This skill enforces clean architecture and descriptive naming for all code, ensuring fully implemented, type-safe results without lint suppressions.

This skill helps you design and implement production-grade frontend interfaces with distinctive aesthetics, translating design references into precise code

This skill helps you build consistent Nuxt UI v4 components, layouts, and interactions with buttons, cards, forms, and skeleton states.

This skill helps you implement design tokens and theming in SCSS modules using a two-tier system for consistent UI across apps.

This skill helps you manage isolated development environments with git worktrees, automatic ports, and preview URLs for feature work.

This skill captures a webpage screenshot via Playwright and uploads it to Slack with an optional comment for context.

This skill guides end-to-end Playwright testing using accessible locators, page objects, and auto-waiting assertions to validate complete user workflows.

This skill guides structured feature development from requirements to PR, helping teams ship new capabilities faster with clear checks and templates.

This skill helps you create animated videos with Remotion by turning UI concepts into TSX scenes, complete with transitions and exports.

This skill helps SwiftUI projects localize apps by scanning resources, applying changes, and linting localization files in English or Simplified Chinese.

This skill deploys a local development server by launching backend and frontend in separate tmux panes for quick, parallel dev workflows.

This skill helps you implement Velt collaborative comments in React/Next.js apps by following best practices for modes, surfaces, and data.

This skill helps you build robust Nuxt 3 apps by applying file-based routing, SSR-safe data fetching, and auto-imports across routes, layouts, and SEO.

This skill helps assess and improve web accessibility by auditing WCAG compliance, keyboard navigation, color contrast, and screen reader compatibility.

This skill guides frontend TDD by writing tests first and implementing the minimal code to pass, following red-green-refactor cycles.

This skill analyzes and optimizes application performance using frontend Lighthouse, Core Web Vitals, and backend load tests to identify bottlenecks.

This skill helps Angular developers implement reactive client state with NgRx SignalStore, enabling composable features, efficient entity management, and RxJS

This skill enables server-side Resend email delivery with React Email templates, ensuring reliable, typed, and unsubscribe-compliant transactional emails.

This skill guides frontend responsive practices to create mobile-first, fluid layouts with adaptive typography and accessible, performant UI across devices.

This skill generates complete Remix route files with loader and action, enabling rapid page scaffolding for Remix 2.x projects.