Frontend & Design · Svelte · For frontend developers

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

Shows how to use GSAP in Vue, Nuxt, Svelte and other lifecycle-based frameworks: create after mount, scope selectors to the component, and revert on unmount.

greensock/gsap-skills

Rules for writing idiomatic Svelte 5 code: when to reach for runes like state, derived and effect, and how to handle props, attachments and bindings.

rilldata/rill

Use boneyard-js to add, configure, debug, or rebuild skeleton screens.

0xGF/boneyard

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

Prevents generic AI/Codex UI patterns when generating frontend code.

pdsuwwz/chatgpt-vue3-light-mvp

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI.

exceptionless/Exceptionless

CLI tools for Svelte 5 documentation lookup and code analysis.

kampsy/ui

Build, review, and troubleshoot STDF Svelte 5 applications using exact component APIs, themes, icons, localization, and scaffolding.

any-tdf/any-tdf

Systematically dogfood Exceptionless locally. An agent skill from exceptionless/Exceptionless.

exceptionless/Exceptionless

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository.

Simon-He95/markstream-vue

Consumer guide to build UIs with kampsy-ui (Svelte 5 + Tailwind v4, Geist-inspired).

kampsy/ui

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

SrivarsanK/Glide

Add Solar Icons via @solar-icons/cli to any React, Vue, Svelte, Solid, Angular, React Native, Nuxt, Static, vanilla JS, or Laravel Blade project.

saoudi-h/solar-icons

Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

shadcn-labs/shadcn-cssinjs

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Design and UI skill for the Worklog desktop project manager.

regisx001/Worklog

Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

lightly-ai/lightly-studio

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

A skill your agent uses when adding, migrating, or changing Patchies Audio V2 nodes, native DSP worklet nodes, audio object docs, audio packs, or AudioService integration.

heypoom/patchies

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui

Enforces Windmill-specific Svelte habits: reuse one of 1,600+ existing components, follow the brand guidelines by section, and never fall back to raw HTML elements.

windmill-labs/windmill

UI/UX design intelligence expert for web and mobile applications.

shobcoder/shob

Svelte runes guidance. An agent skill from spences10/svelte-claude-skills.

spences10/svelte-claude-skills

A skill your agent uses when editing Patchies Svelte components, UI state, styling, buttons, persistence, or frontend implementation patterns.

heypoom/patchies

Guides designing and building Svelte 5 UI components in the bootc extension.

podman-desktop/extension-bootc

Create distinctive, production-grade frontend interfaces with high design quality.

jwynia/agent-skills

Community skill for applying the Geist design system to Vercel-inspired rendered frontend UI across React/Next.js/Vite/Astro/Svelte/Vue/HTML/CSS, Tailwind, shadcn, and Radix.

syhily/kobato

Build production-grade components for React, Vue 3, and Svelte 5 with all states (loading, empty, error, success, idle), TypeScript strict, WCAG 2.2 accessibility, server components (RSC), and…

EliasOulkadi/shokunin

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

A skill your agent uses when adding, editing, or migrating Patchies nodes, objects, handles, object modules, schemas, object docs, AI prompts, file drag/drop support, or node data settings.

heypoom/patchies

Build Svelte forms with TanStack Form, Zod validation, and API error mapping.

exceptionless/Exceptionless

Conventions for building/editing components in packages/ui (@tableslayer/ui) — file anatomy, Svelte 5 props/snippets patterns, BEM + CSS token styling, theming, toast/popover gotchas, and how to…

Siege-Perilous/tableslayer

Designing and building any user-facing surface: a web page, landing page, dashboard, report, HTML document, email, or a component inside an existing app.

Zfinix/aster

Component segregation guide for Glide (@srivarsank/glide). An agent skill from SrivarsanK/Glide.

SrivarsanK/Glide

Query boundaries with TanStack Query and Wellcrafted Results.

EpicenterHQ/epicenter

Comprehensive integration skill for building sites with SvelteKit 2, Svelte 5, and Tailwind CSS v4

302ai/302-AI-Studio

Powerful asynchronous state management, server-state utilities, and data fetching for TS/JS, React, Vue, Solid, Svelte & Angular.

bskimball/tanstack-hono

A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

jiushiwon/wg-skills

Zero-error setup guide for AI agents to install and configure @srivarsank/glide visual editor on any React, Vue, Svelte, Astro, or HTML Vite project in one prompt.

SrivarsanK/Glide

Web UI accessibility lead. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Rewrite the comments under a path to the repo's comment rules (why-only, ≤ 3 lines, no history, no filler).

Ocean-Industries-Concept-Lab/openbridge-webcomponents

UI Component Development Guide for Kaiden. An agent skill from openkaiden/kaiden.

openkaiden/kaiden