Frontend & Design · JavaScript

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

benjaminsehl/liquid-skills

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

oomol-lab/open-flow

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

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

Guidelines techniques et conventions internes d'Alsacréations (Kiwipedia) — HTML, CSS, JavaScript, TypeScript, Vue.js, WordPress, PHP/MySQL, accessibilité, performance, SEO, RGPD, écoconception…

alsacreations/kiwipedia

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

Explains how to build or change a Handsontable cell type that bundles an editor, renderer and validator under one registered name, including registration steps and value rules.

handsontable/handsontable

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

OUDS Web compliance code review. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

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

Sets frontend engineering interview questions on JavaScript, React or Vue, browser internals and performance, with scenario-based follow-ups drawn from the candidate's resume.

Snailclimb/interview-guide

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

softmaple/softmaple

A skill your agent uses when creating, moving, splitting, or organizing TypeScript files and folders.

hashintel/hash

Install and integrate Ignite UI Web Components packages into React, Angular, Vue 3, LitElement, or vanilla JS/HTML apps, detecting the framework and applying framework-specific setup (package…

IgniteUI/igniteui-webcomponents

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

freshtechbro/claudedesignskills

Change vanilla JavaScript UI modules in public/app/, including DOM state, events and localization.

exelearning/exelearning

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

Review Sentry React and TypeScript changes for bug patterns drawn from real production issues.

getsentry/sentry

Teaches the saga pattern with call and put so network requests and side effects stay out of the logic and sagas can be tested without mocks.

paralleldrive/aidd

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

コンポーネントのMDXドキュメントを作成・更新する

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

Guides ccusage TypeScript and JavaScript work. An agent skill from ccusage/ccusage.

ccusage/ccusage

Create safe inline visual explanations in Rudder Chat. An agent skill from Undertone0809/rudder.

Undertone0809/rudder

Triage new issues in the Sentry javascript project by archiving non-actionable noise.

getsentry/skills

Guide to writing JavaScript extensions for the ComfyUI frontend from custom nodes, covering lifecycle hooks, widgets, sidebar tabs, commands, settings, toasts and dialogs.

jtydhr88/comfyui-custom-node-skills

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

dotnet/skills

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance

davila7/claude-code-templates

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

KumarSashank/motiscope

Builds Vue 3 apps in plain JavaScript with JSDoc typing instead of TypeScript: script setup components, composables, Pinia and Vitest, with ESLint JSDoc coverage checks.

Jeffallan/claude-skills

Symfony UX frontend stack -- decision tree and orchestrator for choosing between Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons, and UX Map.

smnandre/symfony-ux-skills

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

Orange-OpenSource/Orange-Boosted-Bootstrap

TS and JS conventions for eserstack packages: namespace imports, mod.ts entries, cross-runtime APIs, explicit checks, async, tests and laroux React components.

eser/stack

A skill your agent uses for any question involving telemetry data: "investigate an issue", "debug a problem", "find out why something is slow", "check error rates", "analyze user behavior"…

coralogix/cx-cli

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

boshi-xixixi/TraeSkill

Builds Solana wallet-connected apps with Phantom Connect SDKs for React, React Native and vanilla JS, plus DFlow spot swaps and market-data streaming.

internet-court/internet-court-skill

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

KumarSashank/motiscope

Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX).

github/awesome-copilot

Reviews and migrates deprecated wildcard () values in Power Pages Web API fields site settings to least-privilege explicit Dataverse columns.

microsoft/power-platform-skills