JavaScript · For frontend developers

Always invoke when the user's message includes 'tailwind' in any form.

anonaddy/anonaddy

Required groundwork before any use_figma call: the rules and reference files for running JavaScript in a Figma file through the Plugin API without common failures.

warpdotdev/warp

Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.

greensock/gsap-skills

Builds a scroll-driven landing page where a pre-rendered camera flies through connected AI-generated scenes, using Higgsfield for stills and video clips.

oso95/scroll-world

Guides an agent through using @pierre/diffs to render syntax-highlighted files and diffs, and to build editing and review surfaces in React or plain JavaScript.

pierrecomputer/pierre

Scaffolds, extends and verifies local-first JavaScript and TypeScript apps built on TinyBase, from create-tinybase through persistence and sync.

tinyplex/tinybase

Rules for adding or fixing client-side scripts in Tabler's Astro components so the copied preview HTML stays readable, self-contained and runs in the right order.

tabler/tabler

Sets the file structure, typing and Data API pattern for writing a new Bootstrap-style JavaScript component class in Tabler's vendored port of Bootstrap's JS.

tabler/tabler

Explains how to use the @pierre/theming package to list, resolve, select, switch and persist themes, with controller, color and React references.

pierrecomputer/pierre

Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search…

pierrecomputer/pierre

Guidance for changing the Tabler framework's own JavaScript in core/js: the tabler.js and tabler-theme.js bundles, the Bootstrap port and their tests.

tabler/tabler

Improve interface performance across loading speed, rendering, animations, images, and bundle size.

boussadjra/vuestrata

Implement internationalization with Lingui in React and JavaScript applications.

B0und/WikiSpeedrun

Guides semantic, accessible HTML work: pages, forms, media and HTML5 APIs, plus how to deliver a runnable webpage project with a preview.

TokenRhythm/opensquilla

A skill your agent uses when creating Gea applications, components, stores, routes, SSR entry points, JSX templates, or working with Gea reactivity and DOM patching.

dashersw/gea

Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation.

bretzel-app/crumbs

Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.

PostHog/posthog-js

ABP Blazor UI patterns - AbpComponentBase, AbpCrudPageBase, DataGrid, IMenuContributor, Message/Notify, Validations, JavaScript interop.

abpframework/abp

Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors.

live-codes/livecodes

Find and fix why a website is slow by capturing and analyzing a Firefox performance profile, or by analyzing a profile the user already has (a saved file or a profiler.firefox.com share link).

mozilla/firefox-devtools-mcp

Capture, archive, diff, and assess Boss/Zhipin frontend JavaScript for boss-cli safety gates and anti-debug guard updates.

joohw/boss-cli

Generate sdf-js code from a natural-language scene description.

shaun8149/sdf-js

Fetch and render web pages using the Servo browser engine — a single binary with JS execution, CSS layout, screenshots, and content extraction.

konippi/servo-fetch

Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.

bbplayer-app/BBPlayer

Use bdg CLI to drive and debug a real Chrome via Chrome DevTools Protocol - navigate, click, fill and submit forms, check what an action changed (navigation, new messages, pending requests), inspect…

szymdzum/browser-debugger-cli

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs.

handsontable/handsontable

i18n — add multilingual translations. An agent skill from erupts/erupt-web.

erupts/erupt-web

Symfony UX LiveComponent for reactive server-rendered UI -- components that re-render via AJAX on user interaction, zero JavaScript required.

smnandre/symfony-ux-skills

Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects.

freshtechbro/claudedesignskills

Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.

golemui/golemui

Codebase intelligence for TypeScript and JavaScript. An agent skill from fallow-rs/fallow-skills.

fallow-rs/fallow-skills

Gives practical design rules for polished HTML, CSS and JavaScript interfaces and browser games, covering spacing, type, color, components, motion and responsive breakpoints.

pretend1111/claude-desktop-app

Implement and review Open Flow frontend components, styling, layout, and interactions.

oomol-lab/open-flow

Rules for calling JavaScript from Jaspr web apps in Dart: which interop libraries to import in server, static and client modes, and how to wrap functions, objects and libraries.

rodydavis/signals.dart

CSS, JavaScript, and HTML coding standards for Shopify Liquid themes.

benjaminsehl/liquid-skills

Covers ES6+ syntax and functional patterns for refactoring older JavaScript: async/await, destructuring, spread, modules, generators and data pipelines.

wshobson/agents

Adds animated page transitions to multi-page sites with Barba.js, covering the wrapper and container markup, lifecycle hooks, views and GSAP integration.

freshtechbro/claudedesignskills

Provides comprehensive knowledge of the OUDS Web library (Orange Unified Design System for Web), a Bootstrap-based CSS/JS framework for building Orange-branded web interfaces.

Orange-OpenSource/Orange-Boosted-Bootstrap

Check that a web page you wrote or changed actually works, by opening it in a browser and driving every control on it.

awss1i/assay

Guided walkthrough for forking and deploying your own SimplePDF Copilot: hosting choice, Pro-account confirmation, AI-provider wiring, demo customization, deploy, and the SimplePDF whitelist step.

SimplePDF/simplepdf-embed

A skill your agent uses for Cachet Tailwind CSS and UI styling: Blade utility classes, public status-page components, Filament dashboard theme work, responsive layout, dark mode, spacing…

cachethq/core

AnyRobot 前端开发核心指南：提供 JavaScript + React + shadcn/ui 开发的精简实用规范和最佳实践。

opsrobot-ai/opsrobot

Guide for developing the MonsterMQ web dashboard. An agent skill from vogler75/monster-mq.

vogler75/monster-mq

Generate Shopify Liquid theme code (sections, blocks, snippets) with correct schema JSON, LiquidDoc headers, translation keys, and CSS/JS patterns.

benjaminsehl/liquid-skills

Builds polished browser-rendered HTML, CSS, JavaScript and React pages, dashboards, prototypes and slide decks, aiming for a stunning rather than merely functional result.

ConardLi/garden-skills

Implement or refactor Nitro Kit 2 Hotwire interactions using conventional Turbo Drive, Frame, Stream, morph, form, dialog, flash, and toast patterns.

mikker/nitro_kit

コンポーネントを新規作成・更新する。CSS、HTML、Storybook Stories、テスト、JavaScript（Custom Elements）の実装を含む。

digital-go-jp/design-system-example-components-html