Search

Find skills by name, source, slug, or description across the full catalog.

#

Skill

Source

Installs

shadcn pymodel/-frontend-skills/shadcn Current shadcn/ui component guidance for projects generated with Radix UI or Base UI, including primitive-specific co…

pymodel/-frontend-skills

web-design-guidelines pymodel/-frontend-skills/web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

pymodel/-frontend-skills

web-rules pproenca/dot-skills/web-rules Strict design and UX rules for 19 + Next.js 16 (App Router) + Tailwind CSS 4. Covers navigation, interaction de…

pproenca/dot-skills

using-nuqs andrelandgraf/fullstackrecipes/using-nuqs Manage state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-l…

andrelandgraf/fullstackrecipes

discord letta-ai/skills/discord Discord automation CLI — send/read/search messages, manage channels and servers, , create threads, pin messages,…

letta-ai/skills

spline-3d-integration fawaz-i/spline-3d-integration/spline-3d-integration Integrate Spline 3D scenes into , Next.js, and vanilla web apps with reliable embed patterns, runtime API usage,…

fawaz-i/spline-3d-integration

tanstack-query pymodel/-frontend-skills/tanstack-query Current TanStack Query v5 guidance for queries, mutations, caching, prefetching, Suspense, and render optimization. U…

pymodel/-frontend-skills

tanstack-router oakoss/agent-skills/tanstack-router Type-safe, file-based routing with route loaders, search params validation, code splitting, preloading, navigat…

oakoss/agent-skills

3d-web-experience-v3 diegosouzapw/awesome-omni-skills/3d-web-experience-v3 3D Web Experience workflow skill. Use this skill when the user needs Expert in building 3D experiences for the web - …

diegosouzapw/awesome-omni-skills

add-component-property igniteui/igniteui-webcomponents/add-component-property Add a ive property to an existing Lit web component with proper decorators, types, tests, and documentation

igniteui/igniteui-webcomponents

ai-collab-protocols outlinedriven/odin-codex-plugin/ai-collab-protocols Surface in-task-collaboration protocols when the user describes an AI workflow informally — URL-as-entity-reference, …

outlinedriven/odin-codex-plugin

analyticscli-ts-sdk wotaso/prodinfos-skills/analyticscli-ts-sdk Use when integrating or upgrading the AnalyticsCLI TypeScript SDK in web, TypeScript, Native, or Expo apps.

wotaso/prodinfos-skills

ant-design mgd34msu/goodvibes-gemini/ant-design Builds enterprise applications with Ant Design's comprehensive component library. Use when creating admin dashb…

mgd34msu/goodvibes-gemini

apx databricks-solutions/lakebase-online-ml/apx Quick reference for building full-stack Databricks Apps with apx ( + FastAPI). Use when working on apx projects,…

databricks-solutions/lakebase-online-ml

ark-ui mgd34msu/goodvibes-gemini/ark-ui Builds accessible UI components with Ark UI headless primitives for , Vue, Solid, and Svelte. Use when creating …

mgd34msu/goodvibes-gemini

baseline-ui schalkneethling/masonry-gridlanes-wc/baseline-ui Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-pa…

schalkneethling/masonry-gridlanes-wc

better-auth remorses/opencode-config/better-auth Authentication and authorization with better-auth in Spiceflow and TypeScript apps. Covers server config with Drizzle…

remorses/opencode-config

chart-setup traderspost/traderspost-command-dash/chart-setup Wire TradingView lightweight-charts into a app — candlestick + volume series, dark theme, dynamic resize. Use w…

traderspost/traderspost-command-dash

clerk mgd34msu/goodvibes-gemini/clerk Implements authentication with Clerk including user management, protected routes, middleware, and components. U…

mgd34msu/goodvibes-gemini

client ohall/dink-derby/client /Vite web client with local-first architecture using Dexie for IndexedDB. Use when building UI components, imple…

ohall/dink-derby

cmo-remotion moizibnyousaf/marketing-cli/cmo-remotion Brand-grounded Remotion video pipeline. Take a brief, ground it in `brand/` (voice, audience, positioning, creative-k…

moizibnyousaf/marketing-cli

coding-standards hubeiqiao/skills/coding-standards Universal coding standards, best practices, and patterns for TypeScript, JavaScript, , and Node.js development.

hubeiqiao/skills

component-naming ruchernchong/blog/component-naming Enforces consistent component naming conventions across the portfolio codebase. Use when creating, reviewing, o…

ruchernchong/blog

components jsonlee12138/prompts/components Use when designing, implementing, or reviewing /TypeScript components with naming conventions, props typing, hoo…

jsonlee12138/prompts

convex-design openclaw/clawhub/convex-design Design and build ive, type-safe, production-grade backends on Convex. Covers schema, queries/mutations/actions, …

openclaw/clawhub

creator-plugin-development lottiefiles/creator-plugin-hackathon-qr-craft/creator-plugin-development This skill should be used when developing LottieFiles Creator Plugins with the Creator Plugin API. It applies when (1…

lottiefiles/creator-plugin-hackathon-qr-craft

creator-plugins-ui lottiefiles/creator-plugin-hackathon-qr-craft/creator-plugins-ui Use when building or modifying plugin UI with @lottiefiles/creator-plugins-ui. Applies when adding components i…

lottiefiles/creator-plugin-hackathon-qr-craft

databricks-app-apx databricks-solutions/lakebase-online-ml/databricks-app-apx Build full-stack Databricks applications using APX framework (FastAPI + ).

databricks-solutions/lakebase-online-ml

denji fellipeutaka/denji/denji Manage SVG icons as framework components using Denji CLI.

fellipeutaka/denji

documentation-lookup devenkhatri/everything-claude-code/documentation-lookup Use up-to-date library and framework docs via Context7 MCP instead of training data. Activates for setup questions, A…

devenkhatri/everything-claude-code

effective-web sebastian-software/skills.sebastian-software.com/effective-web >- Design, build, review, and test browser experiences: UI/UX, CSS, , accessibility, responsive layout, typograp…

sebastian-software/skills.sebastian-software.com

error-boundaries oakoss/open-saas-kit/error-boundaries error boundaries + fallback UIs. Use for error, catch, boundary, fallback, recovery, crash, ErrorBoundary, erro…

oakoss/open-saas-kit

expo-tailwind-setup keep-starknet-strange/starkclaw/expo-tailwind-setup Set up Tailwind CSS v4 in Expo with -native-css and NativeWind v5 for universal styling

keep-starknet-strange/starkclaw

fizzy silvabyte/skills/fizzy Manages Fizzy boards, cards, steps, comments, ions, and pins. Use when user asks about boards, cards, tasks, bac…

silvabyte/skills

forge_component-unit-best-practice forge-town/skills/forge_component-unit-best-practice Must follow when 创建或审查组件文件夹单?

forge-town/skills

forge_generate-preview forge-town/skills/forge_generate-preview Use when 需要对组件文件生成结构化 .json 描述和可视化 .md 目录树预览，用于组件拆分前的详细结构分析、复杂度评估…

forge-town/skills

forge_one-component-per-file-best-practice forge-town/skills/forge_one-component-per-file-best-practice Must follow when 检查或重构 /Vue 组件文件，强制每个文件只?

forge-town/skills

framer-motion mgd34msu/goodvibes-gemini/framer-motion Creates animations with Framer Motion/Motion including transitions, gestures, layout animations, and scroll effects. …

mgd34msu/goodvibes-gemini

frontend speakeasy-api/gram/frontend Rules and best practices when working on the dashboard frontend codebase (including the inlined Gram Elements c…

speakeasy-api/gram

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

d0ublecl1ck/frontend-design-skill

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

fairchild/dotclaude

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

hubeiqiao/skills

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

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

wrsmith108/skills

frontend-design-director yappologistic/frontend-god/frontend-design-director Build, redesign, review, polish, and QA frontend UI/UX, /Next/Vite components, landing pages, dashboards, forms,…

yappologistic/frontend-god

frontend-patterns devenkhatri/everything-claude-code/frontend-patterns Frontend development patterns for , Next.js, state management, performance optimization, and UI best practices.

devenkhatri/everything-claude-code

frontend-patterns hubeiqiao/skills/frontend-patterns Frontend development patterns for , Next.js, state management, performance optimization, and UI best practices.

hubeiqiao/skills

glove porkytheblack/arc/glove Expert guide for building AI-powered applications with the Glove framework. Use when working with glove-core, glove-r…

porkytheblack/arc

gws-events-renew streakyc/googleworkspacecli/gws-events-renew Google Workspace Events: Renew/ivate Workspace Events subscriptions.

streakyc/googleworkspacecli

headless-ui mgd34msu/goodvibes-gemini/headless-ui Builds accessible UI components with Headless UI primitives for and Vue. Use when creating custom-styled dropdo…

mgd34msu/goodvibes-gemini