Skills tagged "frontend" (1279)

🧪 Angular Testing

This skill helps you write Angular unit tests with Vitest and TestBed using practical templates and patterns beside source files.

frontendtestingunit-testsdebugging

🧪 Angularjs Unit Test

This skill helps you write, refactor, and maintain AngularJS unit tests with Jasmine and Jest across controllers, services, and directives.

testingunit-testsfrontenddebugging

🎨 Animation Performance

This skill helps you optimize React Native animation performance using Reanimated, worklets, and gesture handlers for buttery 60fps animations.

react-nativeperformancedebuggingreact

🎨 Animation With Worklets

This skill helps you schedule cross-thread work in React Native using worklets guidelines, improving animation performance and thread safety.

react-nativeperformancedebuggingtypescript

🎨 Ant Design Guide

This skill helps you query Ant Design 5.x component APIs, props, and patterns with accurate guidance and best practices.

frontenddesigndocsux

🎨 Ant Desing Pro Components Guide

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

frontendbackenddocsproductivity

🎨 Ant To Shadcn Migration

This skill migrates Ant Design components to shadcn/ui with Tailwind, generating layout skeletons and guiding aggressive CSS cleanup for Next.js App Router.

migrationfrontendrefactordesign

🎨 Antd Skills

This skill automates Ant Design development tasks, delivering code generation, standardization checks, design-to-code conversion, and migration guidance to

frontendautomationcode-reviewmigration

🎨 Antdv Next

This skill helps you quickly locate Antdv Next Vue 3 component API docs, props, events, and demos to accelerate development.

frontenddocsproductivityux

🧪 Antfu

This skill applies Anthony Fu's opinionated web development practices, delivering fast, consistent TypeScript projects with strict mode, ESM, and streamlined

frontendtestinglintingdocs

🎨 Apollo Client

This skill guides React developers through Apollo Client 4.x setup, caching, local state, and error handling to build efficient GraphQL apps.

graphqlreactfrontendperformance

🎨 App Builder

This skill helps you scaffold new projects quickly by selecting a matching template for your tech stack and starting from a proven structure.

nextjstypescriptfrontend

🎨 App Icon

This skill generates iOS 26-ready app icons for React Native Expo projects using AI, handling styling, formats, and Android adaptive icon readiness.

designfrontendautomationcli

🎨 App Store Changelog

This skill generates user-facing App Store release notes from git history since the last tag, summarizing changes into clear, benefit-focused bullets.

frontendproductmarketingautomation

🎨 Applying Fsd Architecture

This skill helps you architect frontend projects with Feature-Sliced Design by guiding layers, slices, segments, and dependency rules for scalable code.

frontendrefactordesignproductivity

🎨 Arc Diagrams

This skill generates Arc-compatible architecture diagrams as JSON from user input, enabling quick visualization of systems in React apps.

frontendapidatabasecloud

🧪 Ashik Commitlint Practice

This skill helps you craft commit messages that pass the @cbashik/commitlint rules by guiding type, scope, and subject.

backendfrontendlintinggit

🎨 Ask User Question

This skill helps you collect user input via a modal UI to clarify preferences, confirmations, or constraints before acting.

aiautomationfrontendscripting

🎨 Astro

This skill helps you navigate Astro documentation, explain concepts, and implement best practices for Astro projects across content, islands, and deployments.

astrofrontenddebuggingperformance

🎨 Atomic Design Fundamentals

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

frontenddesignuxreact

🎨 Atomirx

This skill helps you manage reactive state with atomirx primitives in TypeScript, simplifying reading, deriving, and debugging across components.

reacttypescriptdebuggingperformance

🧪 Aurora Development

This skill helps you implement Angular components and services in Aurora projects by applying mandatory pre-flight checks, enum usage, and framework-specific

angulartypescriptfrontendcode-review

🎨 Aurora Project Structure

This skill explains Aurora Angular project structure, folder purposes, and module patterns to help you navigate the codebase efficiently.

angulardocsfrontendproductivity

🛡️ Auth Patterns

This skill guides implementing authentication and authorization in Next.js using NextAuth, middleware protection, and session management for secure apps.

frontendbackendfullstacksecurity

🛡️ Authjs Skills

This skill helps you configure Auth.js v5 in Next.js with Google OAuth and credentials provider, including env setup and core API integration.

backendfrontendsecuritydocs

🛡️ Authkit

This skill helps you integrate OAuth connections from 200+ platforms using AuthKit, simplifying token management and seamless user connections.

frontendbackendapisecurity

🎨 Avnu

This skill helps you build Starknet DeFi features by integrating avnu SDK for best-price swaps, DCA, staking, and gasless transactions.

frontendbackendapiautomation

🧪 Axiom Swiftui 26 Ref

This skill guides implementing iOS 26 SwiftUI features, enabling Liquid Glass, AttributedString, WebView, Animatable, drag and drop, and visionOS integration.

swiftperformancedesignfrontend

🎨 B2c Forms

This skill helps you create SFRA forms with validation for B2C Commerce, covering XML definitions, server-side logic, and ISML templates.

typescriptfrontendbackendcli

🎨 Backend To Frontend Handoff Docs

This skill generates a comprehensive API handoff document for frontend teams, detailing endpoints, DTOs, validation, and edge cases for seamless integration.

backendapidocsfrontend

🎨 Baoyu Markdown To Html

This skill converts Markdown to styled HTML tailored for WeChat themes, with code highlighting, math, diagrams, and support for footnotes and alerts.

frontendscriptingdocswriting

🎨 Baoyu Post To X

This skill helps you publish content to X by automating posts, articles, and media using a real Chrome browser for reliable delivery.

social-mediacontentautomationscripting

🧪 Base Ui React

This skill helps you implement and migrate to Base UI React components with render props, ensuring accessibility, positioning, and Tailwind integration.

frontendaccessibilitymigrationdebugging

🎨 Base44 Sdk

This skill helps you build features in existing Base44 projects by leveraging the SDK to manage entities, auth, and AI integrations.

aibackendfrontendapi

🎨 Beautiful Mermaid

This skill renders Mermaid diagrams as SVG and PNG using Beautiful Mermaid, simplifying diagram visualization for flowcharts, sequences, and more.

frontenddataci-cddebugging

🎨 Bencium Innovative Ux Designer

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

benciumfrontend

🎨 Better Stimulus

This skill helps you write maintainable StimulusJS controllers by applying SOLID and Better Stimulus patterns for configurable state and declarative

frontendrefactordebuggingcode-review

🎨 Billing Sdk

This skill helps you integrate BillingSDK quickly by guiding you through React components, CLI setup, and Dodo Payments configuration.

frontendapicliux

🎨 Biome

This skill lints and formats frontend code using Biome 2.4, enabling type-aware checks, import organization, and CI-ready rules.

frontendlintingci-cdgraphql

🛡️ Bknd Registration

This skill guides configuring and validating user self-registration in Bknd apps, simplifying forms, validation, roles, and error handling for smooth

backendapifrontendsecurity

🎨 Blockbench Development

This skill helps you develop, debug, and integrate Blockbench plugins by guiding actions, dialogs, panels, and model workflows.

frontenddebuggingscripting

🎨 Bm Md

This skill renders Markdown to styled HTML across platforms and converts HTML to Markdown, simplifying cross-platform publishing and text extraction.

docswritingcontentapi

🎨 Book Content Writer

This skill transforms outlines into polished Docusaurus chapters with clear pedagogy, code examples, and MDX-ready content for technical books.

docswritingcontentfrontend

🎨 Brainstorming

This skill enables collaborative ideation before implementation, offering multiple options, trade-offs, and strategy to shape features, components, and

planningproductdesignfrontend

🧪 Bridgejs

This skill helps Swift developers build bridge-based WebAssembly apps by exporting Swift APIs to JavaScript and importing TS/JS definitions.

backendfrontendapitesting

🎨 Browser

This skill automates browser tasks using minimal CDP tools to start Chrome, navigate pages, run scripts, take screenshots, and extract DOM data.

automationdebuggingscriptingdata

🧪 Browser

This skill automates browser tasks using Chrome DevTools Protocol to launch Chrome, navigate pages, run scripts, capture screenshots, and select elements.

automationdebuggingscriptingcli

🧪 Browser Automation

This skill guides effective browser automation with a dev-browser plugin to test local UI changes, debug issues, and automate repetitive tasks.

automationtestingdebuggingpython

🛡️ Browser Extension Builder

This skill helps you architect and implement cross-browser MV3 extensions, including manifest setup, content scripts, popups, and publishing workflows.

frontendsecurityperformanceux

🛡️ Browser Extension Dev

This skill guides browser extension development with Manifest V3, minimal permissions, and cross-browser strategies to simplify secure, interoperable

securityfrontendjavascripttesting

🛡️ Browser Onnx

This skill enables private, low-latency browser inference with ONNX Runtime Web for image, object, or NLP tasks.

aifrontendperformancesecurity

🎨 Browserwing

This skill enables browser automation via HTTP API to navigate pages, interact with elements, extract data, and run batch actions for faster tasks.

automationapifrontendbackend

🧪 Build Free Types

This skill helps you set up type safety without a build step using JSDoc for browser code and erasable syntax for Node.js.

frontendbackendscriptingtesting

🎨 Build Frontend

Builds the Fake Survey Generator React frontend with Vite and TypeScript. Use this skill when frontend code changes need to be compiled and validated for TypeScript errors. This skill orchestrates the npm build command and reports build errors.

marcelmichaufrontend

🛡️ Building Chat Interfaces

This skill helps you build production-grade AI chat interfaces with secure backends, authentication, and context injection for persistent conversations.

frontendbackendsecurityfullstack

🎨 Building Storefronts

Load automatically when planning, researching, or implementing Medusa storefront features (calling custom API routes, SDK integration, React Query patterns, data fetching). REQUIRED for all storefront development in ALL modes (planning, implementation, exploration). Contains SDK usage patterns, fron

medusajsfrontend

🎨 Bun Build

This skill helps you create optimized production bundles with Bun's native bundler, improving performance and simplifying multi-environment builds.

performancedevopscliscripting

🎨 Bun Dev Server

This skill helps you set up a high-performance Bun development server with hot module replacement and React Fast Refresh for frontend, API, or full-stack apps.

frontendbackendfullstackperformance

🎨 Bundle Analyzer

This skill analyzes JavaScript bundle sizes, identifies large dependencies, and suggests optimizations for faster page loads across webpack, vite, and rollup.

performancedebuggingfrontendjavascript

🎨 Bundle Optimization

This skill helps optimize bundle size by enforcing tree-shaking, dynamic imports, and deferred analytics to reduce initial load.

performancefrontendrefactorcode-review