Skills tagged "frontend" (1335)

🎨 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

🎨 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

🎨 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

🎨 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

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

This skill helps you design thin, validated Next.js App Router route handlers with standardized JSON responses and proper status codes.

apibackendfrontendfullstack

🧪 Busirocket Refactor Workflow

This skill guides strict refactoring of TS/React code, ensuring one export per file and mandatory post-refactor checks to elevate quality.

refactorcode-reviewfrontendtesting

🎨 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

🧪 Busirocket Typescript Standards

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

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 Design Skill

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

frontenddesignscriptingdebugging

🎨 Carbon Icons

This skill ensures React components use Carbon Icons from @carbon/icons-react with proper sizing, color, alignment, and accessibility.

reactfrontenddesignux

🎨 Ccg

This skill orchestrates Claude, Codex, and Gemini to decompose, parallelize tasks, and synthesize a cohesive backend and frontend solution.

aiautomationbackendfrontend

🎨 Chart Visualization

This skill visualizes data by automatically selecting the best chart type and generating a chart image with a complete parameter set.

dataanalyticsfrontendjavascript

🎨 Chartjs Graphs

This skill helps you render interactive Chart.js graphs in Django templates by wiring data via data-* attributes and datalabels.

djangopythonfrontenddata

🧪 Chrome Devtools

This skill enables interactive browser inspection and debugging by using Chrome DevTools Protocol to inspect pages, diagnose errors, and optimize performance.

frontenddebuggingperformancejavascript

🧪 Chrome Extension Builder

This skill helps you scaffold production-ready Chrome MV3 extensions with React and WXT, configuring content scripts, background workers, and UI panels.

frontendautomationcliscripting

🎨 Clarify

This skill clarifies unclear UX copy and error messages to improve understanding, guide actions, and reduce user friction across interfaces.

uxfrontendwriting

🧪 Claude Context7 Skill

This skill fetches up-to-date Context7 documentation for specified libraries, enabling accurate code examples, setup steps, and API references.

frontendbackendapidocs

🎨 Claude Designer Skill

Transform frontend designs with uncompromising perfectionism. Use when redesigning UI/UX, improving visual aesthetics, creating polished interfaces, or when user mentions design improvements, beautification, visual polish.

joeseesunfrontend

🧪 Claude Md Enhancer

This skill analyzes and generates customized CLAUDE.md files for projects, enforcing best practices, modular structure, and tech-stack alignment.

aidocsbackendfrontend

🧪 Clean Typescript

This skill helps you write clean, safe TypeScript by applying explicit types, narrowing, and unknown usage to reduce bugs.

frontendbackendfullstacklinting

🛡️ Clerk

This skill helps you integrate Clerk authentication in Next.js projects by guiding setup, custom UI, and advanced patterns.

nextjssecurityfrontendapi

🛡️ Clerk Nextjs Skills

This skill configures Clerk authentication for Next.js 16 with proxy.ts, environment setup, and MCP integration for secure apps.

backendfrontendsecurity

🎨 Cli Ux Designer

Expert in CLI/TUI design, command structure, visual design (colors, typography, icons), accessibility, and UX patterns. Automatically activates when designing new CLI tools, improving command interfaces, or reviewing CLI usability.

sjunglingfrontend

🎨 Cloudbase Agent Ts

This skill helps you build and deploy AI agents using the CloudBase AG-UI protocol in TypeScript, including adapters, servers, and web UI.

aicloudtypescriptbackend

🎨 Cloudflare Nextjs

This skill helps you deploy Next.js apps to Cloudflare Workers using the OpenNext Cloudflare adapter, enabling SSR, ISR, and edge deployments.

cloudinfradevopsfrontend

🛡️ Cloudflare Workers Publish

This skill deploys static HTML to Cloudflare Workers using 1Password for credentials, enabling seamless, secure static site hosting.

clouddevopsautomationfrontend

🎨 Code Connect Components

This skill connects Figma design components to code implementations by locating matches and creating Code Connect mappings across your project.

frontendautomationdesignproductivity

🎨 Code Generation

This skill helps you generate code after validating requirements and aligning with project patterns, ensuring minimal, reliable implementations.

backendfrontendcode-reviewscripting

🎨 Code Quality Standards

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

code-reviewlintingrefactorbackend