Frontend Development (1064 — page 6)

🎨 Angular Http

This skill helps Angular developers fetch data with signal-based resources and HttpClient, handling loading, errors, and interceptors efficiently.

frontenddataapidebugging

🎨 Angular Material

This skill helps you integrate and theming Angular Material components efficiently, promoting proper module imports, styling, and UI consistency.

frontenduxaccessibilitydesign

🎨 Angular Material 19

This skill helps you implement Angular Material 19 theming, timepicker, CDK drag-drop, and dark mode to build cohesive, accessible UIs.

angularfrontendtypescriptdesign

🎨 Angular Signals

This skill helps Angular developers adopt signals for reactive state management, enabling writable, derived, and dependent state with effects.

frontendperformanceproductivity

🎨 Angular Ssr

This skill helps Angular developers implement server-side rendering, hydration, and prerendering with v20+ so apps load faster and are SEO-friendly.

frontendbackendperformanceseo

🎨 Animate

This skill analyzes features and adds purposeful animations and micro-interactions to improve usability, feedback, and delight.

frontenduxdesignaccessibility

🎨 Animating React Native Expo

This skill helps you implement performant animations and gesture-driven interactions in React Native Expo apps using Reanimated v4 and Gesture Handler.

react-nativeexpoperformancedebugging

🎨 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

🎨 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

🎨 Arrange

This skill analyzes and refactors layouts to create intentional rhythm, improving spacing, hierarchy, and visual balance for polished interfaces.

frontenddesignuxreact

🎨 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

🎨 Audit

This skill performs a comprehensive audit of accessibility, performance, theming, and responsive design, producing a prioritized issue report with actionable

frontendaccessibilityperformancedesign

🎨 Aurora Project Structure

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

angulardocsfrontendproductivity

🎨 Avnu

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

frontendbackendapiautomation

🎨 B2c Forms

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

typescriptfrontendbackendcli

🎨 Babysit

This skill helps you implement Zustand state management with type-safe stores, slices, and middleware for scalable React apps.

typescriptjavascriptreactnextjs

🎨 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

🎨 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

🎨 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 provides ultra-fast TypeScript/React linting and formatting with a single Rust tool, replacing ESLint and Prettier for faster code quality.

lintingformattingrustreact

🎨 Biome

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

frontendlintingci-cdgraphql

🎨 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

🎨 Bolder

This skill amplifies safe designs by applying distinctive typography, color, and layout choices to create memorable, usable experiences.

designuxfrontendaccessibility

🎨 Book Content Writer

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

docswritingcontentfrontend

🎨 Book Translation

This skill translates The Interactive Book of Prompting content and UI strings into a target language, preserving structure and usability for multilingual

aicontenttypescriptnextjs

🎨 Brainstorming

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

planningproductdesignfrontend

🎨 Browser

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

automationdebuggingscriptingdata

🎨 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 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 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

🎨 Busirocket Core Conventions

This skill enforces scalable, well-structured codebases by applying strict file discipline, boundaries, and naming conventions for TypeScript/React/Next.js and

frontendbackendrefactorcode-review

🎨 Busirocket Typescript React Standards

This skill enforces TypeScript and React standards for maintainable TS/TSX code, promoting one-export-per-file and strict typing across Next.js projects.

frontendcode-reviewlintingrefactor

🎨 Camera Shake

This skill adds cinematic camera shake when taking damage or impacts, delivering tactile feedback through smooth exponential decay for a responsive feel.

frontendperformancedebuggingscripting

🎨 Candid Review

This skill conducts candid code reviews applying project standards and actionable fixes to help you ship robust, maintainable code.

code-reviewbackendfrontendfullstack

🎨 Canva Dev

This skill helps you develop Canva Apps SDK projects by guiding you through documentation, UI kit usage, CLI commands, and design reviews.

clidocsdesignfrontend

🎨 Canvas

This skill helps you create spatial node diagrams with precise coordinates using JSON canvas format for mind maps, graphs, and planning boards.

planningdesignproductivityux

🎨 Canvas Design Skill

This skill generates HTML5 Canvas templates with pre-defined drawing logic for shapes like rectangles, circles, grids, and stars.

frontenddesignscriptingdebugging