Frontend & Design · Svelte

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

Kiln's code conventions and per-area gotchas, plus a diff gate that enforces the mechanical ones.

Kiln-AI/Kiln

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

Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5.

radiumcoders/23rd.dev

Guides end-to-end feature development in the bootc Podman Desktop extension.

podman-desktop/extension-bootc

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

lightly-ai/lightly-studio

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

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

Writes, fixes, and reviews SvGrid data-grid code in Svelte 5 projects - columns, features, inline editing, filtering, theming with --sg- tokens, server-side data, the built-in AI helpers, and the…

sv-grid/sv-grid

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

pacifio/ui

Orchestrate parallel migration of Blade React components to Svelte 5.

razorpay/blade

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

Guide implementation, fixes, reviews, documentation, generation, and validation in the Any TDF monorepo across the shared core, STDF/Svelte, RTDF/React, VTDF/Vue, demos, sites, tooling, AI skill…

any-tdf/any-tdf

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