Frontend & Design · npm · For frontend developers

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

Captures before and after screenshots of two URLs or images with the Vercel before-and-after CLI, uploads them and can add a markdown comparison to a pull request.

michaelshimeles/skills

Create Super Agent Party (SAP) extensions. An agent skill from heshengtao/super-agent-party.

heshengtao/super-agent-party

Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope t()…

openops-cloud/openops

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

dtsola/xiaoyaosearch

Comprehensive guide to Antigravity Manager architecture, workflows, and development.

Draculabo/AntigravityManager

Measures @sanity/ui v5 side-by-side migration progress — per-component import file counts (v5 alias vs @sanity/ui), JSX instance counts, and styled() instance counts with alias resolution.

sanity-io/sanity

Builds, watches, and manages frontend assets in OrchardCore.

OrchardCMS/OrchardCore

This skill MUST be used whenever the task involves adding, installing, or upgrading an npm package/library/dependency in this project.

elirantutia/vibeyard

Explains how to use the snapDOM library to turn an HTML element into an SVG, PNG, JPG or WebP image while keeping its fonts, pseudo-elements and shadows.

2025Emma/vibe-coding-cn

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

logue/vite-vuetify-ts-starter

Bun as runtime, package manager, bundler, and test runner. An agent skill from spinspire/pocketbase-sveltekit-starter.

spinspire/pocketbase-sveltekit-starter

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

alisamadiii/Portfolio

Creates or adds Convex to an app. An agent skill from spokvulcan/poker-planning.

spokvulcan/poker-planning

Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.

PostHog/posthog-js

Build a new skin for the dsh-web-ui skin collection (DSH Web GUI) and publish it into the skin-center plugin — scaffold with scripts/dsh-skin-new, author skin.json plus the apply/dispose +…

ningbainb/deepseek-harness-desktop

Command palette, CodeLens, context menus, package.nls titles, and NotificationModeService.

forcedotcom/salesforcedx-vscode

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

Systematically reduce the shipped bundle size of a JS/TS library without sacrificing code readability or breaking consumer APIs.

kcsujeet/ilamy-calendar

Quick-reference for building the core Ignite UI for Angular library and related packages.

IgniteUI/igniteui-angular

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

Looks up antd component props, docs, demos and changelogs with the offline @ant-design/cli, and helps debug, migrate between versions and audit usage in a project.

ant-design/antd-skill

Guides building browser apps with the @manycore/aholo-viewer npm package to render 3D Gaussian Splatting and mesh content from TypeScript.

manycoretech/aholo-viewer

Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source.

dashersw/gea

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

Comprehensive guidance on setting up npm libraries with package.json, with a preference for ES Modules (ESM).

vana-com/personal-server

Create a new Licia utility module following project conventions.

liriliri/licia

Implement a playbook from its PROMPT specification files. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides.

saadeghi/daisyui

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

The original v1 taste-skill, preserved for projects depending on its exact behavior.

caorushizi/oss-client

生成或扩展 OryxOS 的 Web 管理台（web manager）前端——Vue 3 + Vite 单页应用，视觉与官网首页 （website/，VitePress）完全同源：深色底 + 橙色主色、Inter/JetBrains Mono。内置这套设计 token、 工程约定（base '/admin/'、产物落 oryxos-web static/admin、SPA…

oryx-labs/oryxos

A skill your agent uses when editing Rocket Pages, config, layouts, component reference Pages, or build behavior in this project.

modernweb-dev/rocket

Builds and maintains templates/index.mcp.json for Comfy Cloud MCP tools.

Comfy-Org/workflow_templates

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

Rules for localizing the Cursor BYOK desktop app: the global t() function, complete locale catalogs, system-language selection and the scan-and-check commands.

leookun/cursor-byok

当用户明确点名要用 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

Maintain Ordinus Electron security boundaries. An agent skill from muratgur/ordinus.

muratgur/ordinus

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