Frontend & Design · JavaScript · For designers

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

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables.

NimaChu/html-design

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

live-codes/livecodes

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

shaun8149/sdf-js

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

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

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

dequelabs/cauldron

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

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

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

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

fallow-rs/fallow-skills

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

benjaminsehl/liquid-skills

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

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

A skill your agent uses when implementing Motion or Framer Motion in React/JavaScript: interactive UI components, micro-interactions, gestures, layout or page transitions, and scroll-based animation.

AnastasiyaW/codex-claude-code-config

Covers GSAP tweens and timelines and the ScrollTrigger plugin for scroll-driven animation, including pinning, scrubbing, parallax and horizontal scroll sections.

freshtechbro/claudedesignskills

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

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

A guide to the Locomotive Scroll library for smooth scrolling, parallax, viewport detection, sticky elements and GSAP ScrollTrigger integration.

freshtechbro/claudedesignskills

A skill your agent uses when building or reviewing UI with Bootstrap 5.3 — setting up the CDN/npm, using the grid & breakpoints, utility classes (spacing/color/flex/display), components (navbar…

BlueAndi/Pixelix

Surgical aesthetic upgrade pipeline for existing React codebases.

Yu-369/VibeCurb

Step-by-step workflow for creating a new SCSS and/or JavaScript component in OUDS Web.

Orange-OpenSource/Orange-Boosted-Bootstrap

Design, build, redesign, or modify browser-visible web interfaces with product-quality composition, visual systems, interaction states, responsive behavior, accessibility, and browser visual QA.

MemTensor/memmy-agent

Add, configure, or review Ignite UI for Blazor Lite component support in Blazor applications.

dotnet/skills

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

JavaScript coding conventions for OUDS Web. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards.

boshi-xixixi/TraeSkill

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

Multi-brand architecture for OUDS Web (Orange, Sosh, Orange Compact).

Orange-OpenSource/Orange-Boosted-Bootstrap

A skill your agent uses whenever the user wants to build scroll animations, scroll effects, parallax, scroll-triggered reveals, pinned sections, horizontal scroll, text animations, or any motion…

github/awesome-copilot

Quality standards for Salesforce Lightning Web Components (LWC), Aura components, and Visualforce pages.

github/awesome-copilot

Advanced JavaScript animation library skill for creating complex, high-performance web animations.

sickn33/agentic-awesome-skills

A skill your agent uses when building game UI (menus, HUD, dialogue box, settings/save screens) on top of Pixi'VN with an external JS framework (React, Vue) or with plain PixiJS components —…

DRincs-Productions/pixi-vn

Unified team skill for interactive component crafting. An agent skill from catlog22/Claude-Code-Workflow.

catlog22/Claude-Code-Workflow

Unified team skill for interactive component crafting. An agent skill from catlog22/Claude-Code-Workflow.

catlog22/Claude-Code-Workflow

Load this skill for any project with interactive UI, such as buttons, links, forms, modals, dropdowns, menus, tabs, sliders, toolbars, carousels, or custom widgets, in React or vanilla JavaScript.

planetabhi/riseofmachine

A skill your agent uses when reviewing stylesheets or components that use JavaScript to toggle classes on parent elements based on child state, form input values, or content presence — :has() may…

thedaviddias/Front-End-Checklist

A skill your agent uses when applies to CSS and JavaScript implementations of modals, overlays, pop-ups, cookie banners, newsletter sign-up dialogs, and promotional overlays.

thedaviddias/Front-End-Checklist

A skill your agent uses when performing accessibility audits of web pages, components, or full user flows.

thedaviddias/Front-End-Checklist