Frontend skills

This skill helps you optimize Google Fonts loading via performance-focused rules, subsetting, and proven pairings for fast, accessible typography.

This skill helps swiftly investigate frontend bugs with reproducible steps, hypotheses, and DevTools to locate root causes and propose minimal fixes.

This skill generates production-ready React pages from natural language prompts and serves live designs with iterative improvements.

This skill enables AI-powered phone calls using Pamela's voice API, guiding IVR navigation, mid-call tools, and webhooks with React UI support.

This skill converts CSS rules into Tailwind utility classes, streamlining migration and preserving structure for easy refactoring.

This skill analyzes your codebase to generate a safe Content Security Policy and explains directives to prevent breaches.

This skill generates Playwright or Cypress end-to-end tests from user flows, including waits, assertions, and data-testid selectors.

This skill helps you manage Front conversations, messages, and team notes via API tokens, enabling streamlined collaboration.

This skill generates professional TypeScript configuration presets for strict, React, Node, and more, ensuring best-practice settings and complete annotations.

This skill generates a complete, responsive 5-page React site for local businesses using Vite, Tailwind, Framer Motion, and React Router.

This skill helps you craft production-grade frontend interfaces that avoid generic AI aesthetics by applying distinctive typography, color, and layout

This skill helps you manage and interact with a 3D digital Labubu pet, enabling feeding, playing, and petting for mood and hunger growth.

This skill helps you implement modern web design engineering practices including design tokens, accessibility, responsive patterns, and game UI UX for

This skill converts HTML to PDF or image via AgentGen, enabling quick, watermark-free outputs with optional authenticated tier.

This skill analyzes system boundaries to reveal where complexity concentrates, helping you rebalance architecture before failures occur.

This skill helps you plan and compare investments, pricing, and loans with an advanced financial calculator featuring tables and a web UI.

This skill translates design mockups from Figma/Sketch into pixel-accurate frontend code with responsive layouts and design token alignment.

This skill helps you architect Angular 17+ apps with standalone components, signals, and NgRx, delivering scalable, high-performance enterprise solutions.

This skill helps you design and implement robust Swift 5.9+ apps with SwiftUI, async/await, and protocol-oriented programming.

This skill automatically adds dark mode support to React components using CSS variables, Tailwind, or styled-components with zero configuration.

This skill helps Flutter developers implement robust navigation with declarative routes, guards, deep links, and nested routing using GoRouter.