Frontend & Design · npm · For designers

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

victorgarciaesgi/nuxt-typed-router

Searches more than 200 Iconify icon libraries and fetches icons as SVG from a command line tool or an MCP server.

dtsola/xiaoyaosearch

Builds, watches, and manages frontend assets in OrchardCore.

OrchardCMS/OrchardCore

Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

logue/vite-vuetify-ts-starter

Senior UI/UX Engineer. An agent skill from alisamadiii/Portfolio.

alisamadiii/Portfolio

NutUI React proportional scaling on branch featresize: runtime --nut-scale-f / --nut-scale-font / --nut-scale-icon from scale-f.ts (H5) and scale-f.taro.ts (Taro), Sass helpers scale-px /…

jdf2e/nutui-react

Covers GSAP plugin use: registration, scroll, Flip, Draggable, SVG, text, physics and easing plugins, with the current free licensing and npm install guidance.

greensock/gsap-skills

Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook.

umbraco/Umbraco.UI

A skill your agent uses when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a…

Polydile/dile-components

Deploy tellux examples/docs sites via project scripts — one local command (pnpm run deploy) rclone-syncs to the self-hosted site then Wrangler Direct Uploads to Cloudflare Pages.

cyanfish-x/tellux

Find, install, and configure OpenCode plugins from the catalog or community.

IgorWarzocha/Opencode-Workflows

Creates a new design-product project from the kit's product-design template, then installs the engine folders and the Playwright dependency that the quality gates need.

plugin87/ux-ui-agent-skills

Work with shadcn/ui in Ordinus. An agent skill from muratgur/ordinus.

muratgur/ordinus

当用户明确点名要用 Google Gemini CLI 协同时使用此 Skill，把指定任务委托给 Gemini 执行并整合结果。

bkywksj/knowledge-base

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

Community-Access/accessibility-agents

Guide for building modern, accessible, and composable UI components.

Compound-inc/rift

Build a new app or add Stream products (Chat, Video, Feeds, Moderation) to an existing app.

adrianhajdin/react-native-lingua

Map of redlamp.app, the Next.js website in web/: its stack and commands, its pages, the home page's sections with their anchors, components and content sources, the brand's Tailwind tokens and…

pdcgomes/redlamp

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

freshtechbro/claudedesignskills

Creates admin dashboards and app pages with the Tabler UI kit on Bootstrap 5, using the published docs for real markup instead of guessed class names.

tabler/tabler

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

Framer Motion (Motion) patterns for React: spring presets, staggers, layout animations, micro-interactions, scroll effects and page transitions, with performance rules.

dylanfeltus/skills

Review Renovate dependency upgrade PRs to assess safety and effort.

commercetools/ui-kit

Edit the @posthog/quill design system locally and consume the change in this repo (posthog-code) before it is published to npm.

PostHog/code

Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

skilld-dev/vue-ecosystem-skills

Verify a Node.js/TypeScript repo's development environment is correctly set up.

commercetools/ui-kit

Run or assist a release in any MUI repo, at any stage - release PR, npm publish, docs deploy, GitHub release.

mui/mui-public

Guides migration of a web project to OUDS Web (Orange Unified Design System).

Orange-OpenSource/Orange-Boosted-Bootstrap

shadcn/ui component library patterns with Radix UI primitives and Tailwind CSS.

blencorp/claude-code-kit

A skill your agent uses when adding, configuring, or debugging shadcn-vue in a Vue or Nuxt project.

skilld-dev/vue-ecosystem-skills

Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

AThevon/genjutsu

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

Light 按需工程技能·前端设计：把模糊的「做个好看的界面」落成能跑的 React/Tailwind/shadcn 代码 + 设计决策说明—— 有视觉记忆点(signature element)、风格自洽(design tokens 一致)、适配场景(学术海报/数据大屏/管理后台/移动端/营销 landing 信息密度各不同)、反「一眼 AI」(紫蓝渐变/Inter/16px 圆角/巨型…

Light0305/Light-skills

Generate marketing screenshots of your app using Playwright.

aiskillstore/marketplace

Edit the @posthog/quill design system locally and consume the change in products/desktop before it is published to npm.

PostHog/posthog

OUDS Web project knowledge base: glossary of 154 terms, build pipeline, npm scripts, CI/CD jobs, and file structure.

Orange-OpenSource/Orange-Boosted-Bootstrap

A skill your agent uses when the user says 'ship it', 'ship this', 'release', 'publish', 'launch', 'deploy', 'go live', 'wrap this up', 'time to ship', or invokes '/ijfw-ship'.

FerroxLabs/ijfw

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js.

secondsky/claude-skills

Nuxt UI v4 component library for building Nuxt v4 applications.

secondsky/claude-skills

Use Stylelint in .NET repositories that ship CSS, SCSS, or other stylesheet assets alongside web frontends.

managedcode/dotnet-skills

Encode Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

EliasOulkadi/shokunin

Reach for this skill when an HTML artifact — report, deck, brief, mockup, dashboard, proposal, spec, or landing page, whether the user already has it or you just generated it — needs to reach other…

ooiyeefei/ccc

Frontend audit — bundle size, dependencies, accessibility, performance, component quality.

jeremylongshore/tons-of-skills-marketplace

100+ animated React components (Aceternity UI) for Next.js with Tailwind.

secondsky/claude-skills

Validate DESIGN.md files against the official Google specification using the @google/design.md CLI linter.

fabricioctelles/skills

Senior UI/UX Engineer. An agent skill from EliasOulkadi/shokunin.

EliasOulkadi/shokunin

Generate a beautiful HTML landing page from your package.json.

sundial-org/awesome-openclaw-skills