Search

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

#

Skill

Source

Installs

ui-ux-pro-max smithery/joneqian/ui-ux-pro-max UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (, Next.js, Vue, Svelte…

smithery/joneqian

ui-ux-pro-max smithery/srcube/ui-ux-pro-max UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (, Next.js, Vue, Svelte…

smithery/srcube

wms--components smithery/rytass/wms--components WMS map components (WMS 地圖 ?

smithery/rytass

zod-form-validation smithery/kettleofketchup/zod-form-validation Zod schema validation and Hook Form integration for TypeScript frontends.

smithery/kettleofketchup

vitest-testing oakoss/agent-skills/vitest-testing Vitest testing framework for unit, component, and integration tests. Covers test structure (describe/it/test.each), a…

oakoss/agent-skills

vercel--best-practices hainrixz/claude-webkit/vercel--best-practices and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

hainrixz/claude-webkit

writing--effects dust-tt/dust/writing--effects Writes components without unnecessary useEffect. Use when creating/reviewing components, refactoring effe…

storybook dobroslavradosavljevic/skills/storybook Build, review, debug, configure, migrate, or plan Storybook 10 UI workshops with current docs. Use for storybook, cre…

dobroslavradosavljevic/skills

arabic-design jamalmohafil/claude-skills/arabic-design Make AI-generated designs render Arabic text correctly — clean, connected, professional.

jamalmohafil/claude-skills

syncfusion--dialog syncfusion/-ui-components-skills/syncfusion--dialog Create interactive dialogs and modal windows in with Syncfusion DialogComponent. Implement modal/modeless dialo…

syncfusion/-ui-components-skills

syncfusion--dropdownlist syncfusion/-ui-components-skills/syncfusion--dropdownlist Implement the Syncfusion DropDownList component for single-value selection from a predefined list. Use this whe…

syncfusion/-ui-components-skills

vercel--best-practices significant-gravitas/autogpt/vercel--best-practices and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

significant-gravitas/autogpt

upgrade-stylus-contracts openzeppelin/openzeppelin-skills/upgrade-stylus-contracts Upgrade Stylus smart contracts using OpenZeppelin proxy patterns on Arbitrum.

openzeppelin/openzeppelin-skills

falcondev-form falcondev-oss/skills/falcondev-form Building or editing forms with @falcondev-oss/form — the type-safe, ive, schema-driven form library (packages fo…

falcondev-oss/skills

spartan-ng-developer mofirojean/angular-ui-skills/spartan-ng-developer Generates Spartan/ng UI code and guidance for Angular projects using @spartan-ng/helm (styled components copied into …

mofirojean/angular-ui-skills

fp- sickn33/agentic-awesome-skills/fp- Practical patterns for using fp-ts with - hooks, state, forms, data fetching. Works with 18/19, Next.js 1…

sickn33/agentic-awesome-skills

vercel--best-practices midudev/autoskills/vercel--best-practices and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

midudev/autoskills

vercel--native-skills fcakyon/claude-codex-settings/vercel--native-skills Native and Expo best practices for building performant mobile apps. Use when building Native components, …

fcakyon/claude-codex-settings

web- alphaonedev/openclaw-graph/web- 19: hooks, context, suspense, server/client components, useActionState, compiler, Query

alphaonedev/openclaw-graph

starchild-auth starchild-ai-agent/official-skills/starchild-auth Starchild Auth SDK: add OAuth login to any web app with one SDK. Use when integrating Starchild login into a project …

starchild-ai-agent/official-skills

svelte-runes spences10/skills/svelte-runes Implement Svelte 5 runes correctly. Use for ive state, props, effects, $state.raw, $derived.by, $props, and $bin…

spences10/skills

nutrient--native-sdk pspdfkit-labs/nutrient-skills/nutrient--native-sdk Nutrient Native SDK — the @nutrient-sdk/-native npm package (the legacy `pspdfkit--native` package is…

pspdfkit-labs/nutrient-skills

gsap- midudev/autoskills/gsap- Official GSAP skill for — useGSAP hook, refs, gsap.context(), cleanup. Use when the user wants animation in Rea…

midudev/autoskills

motion- bm629/agent-skills/motion- Use when adding animation to a app with the Motion library (the framer-motion successor: npm package `motion`, …

bm629/agent-skills

flexlayout- bobmatnyc/claude-mpm-skills/flexlayout- FlexLayout for - Advanced docking layout manager with drag-and-drop, tabs, splitters, and complex window manage…

bobmatnyc/claude-mpm-skills

vercel-deployment curiositech/some_claude_skills/vercel-deployment Deploy Next.js and applications to Vercel — project setup, environment variables, edge functions, build trouble…

curiositech/some_claude_skills

design-implementation-reviewer ratacat/claude-skills/design-implementation-reviewer Use this agent when you need to verify that a UI implementation matches its Figma design specifications. This agent s…

ratacat/claude-skills

mockup-creation dauquangthanh/hanoi-rainbow/mockup-creation Create interactive, production-ready UI mockups and prototypes using NuxtJS 4 (Vue) or Next.js (), TypeScript, a…

dauquangthanh/hanoi-rainbow

senior-frontend site/smithery.ai/senior-frontend Comprehensive frontend development skill for building modern, performant web applications using JS, NextJS, Type…

styling-with-shadcn mjunaidca/mjs-agent-skills/styling-with-shadcn Build beautiful, accessible UIs with shadcn/ui components in Next.js. Use when creating forms, dialogs, tables, sideb…

mjunaidca/mjs-agent-skills

thumb-first-platform kylezantos/thumb-first/thumb-first-platform The technical-verification layer of the thumb-first mobile suite — finds and fixes objective platform defects in mobi…

kylezantos/thumb-first

architecture thebeardedbearsas/claude-craft/architecture Architecture Native - Principes et Organisation. Use when designing architecture or reviewing code structure.

thebeardedbearsas/claude-craft

state-management thebeardedbearsas/claude-craft/state-management State Management - Query, Zustand, MMKV. Use when managing application state.

thebeardedbearsas/claude-craft

vercel--best-practices udecode/plate/vercel--best-practices and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

fan-cam fal-ai-community/skills/fan-cam Create personalized live sports broadcast fan-cam videos with genmedia. Use this for realistic spectator cutaways, st…

fal-ai-community/skills

tanstack-form oakoss/agent-skills/tanstack-form TanStack Form v1 headless form state management for . Covers field validation (sync/async, debouncing), form sub…

oakoss/agent-skills

vercel--best-practices julianromli/ai-skills/vercel--best-practices and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

julianromli/ai-skills

migrating-from-forwardref site/smithery.ai/migrating-from-forwardref Teaches migration from forwardRef to ref-as-prop pattern in 19. Use when seeing forwardRef usage, upgrading Rea…

tanstack-query miketromba/skills/tanstack-query TanStack Query ( Query) documentation and guidance.

miketromba/skills

engineering-mobile-app-builder peterhdd/agent-skills/engineering-mobile-app-builder Build native and cross-platform mobile applications for iOS and Android with optimized performance and platform integ…

peterhdd/agent-skills

weapp-tailwindcss--native sonofmagic/skills/weapp-tailwindcss--native 为 Expo/ Native 配置 @weapp-tailwindcss/-native 0.2.5 的 Tailwind CSS 4 编译器、Metro virtual module、Babel…

sonofmagic/skills

jutsu--native:-native-performance thebushidocollective/han/jutsu--native:-native-performance Use when optimizing Native app performance. Covers FlatList optimization, memoization, image optimization, bund…

thebushidocollective/han

frontend-best-practices site/handbook.adra.dev/frontend-best-practices Best practices for frontend development including , TypeScript, CSS, performance, accessibility, and component d…

handbook.adra.dev

intlayer- aymericzip/intlayer/intlayer- Integrates Intlayer internationalization with component. Use when the user asks to "setup i18n", create a…

aymericzip/intlayer

vercel--best-practices 1weiho/open-slide/vercel--best-practices and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

1weiho/open-slide

docyrus-data-grid-page-design docyrus/design-skills/docyrus-data-grid-page-design Build Docyrus data-grid and record-list pages with `DataGrid`, `DataGridViewSelect`, `useDataGrid`, `useDocyrus…

docyrus/design-skills

next-js-framework pluginagentmarketplace/custom-plugin-/next-js-framework Build production-grade apps with Next.js 14 App Router, Server Components, and Edge Runtime

pluginagentmarketplace/custom-plugin-

organizing-classnames ilya-valasiuk/agent-skills/organizing-classnames Enforces classNames package usage patterns and Tailwind CSS class ordering conventions in components.

ilya-valasiuk/agent-skills

solid-js-2x-api-changes-and-best-practices doeixd/solid-skill/solid-js-2.x-api-changes-and-best-practices Guidance for writing, reviewing, and explaining SolidJS 2.x beta or next-era code, including new APIs, changed semant…

doeixd/solid-skill

Figma Developer daffy0208/ai-dev-standards/figma-developer Extract components from Figma, convert designs to components, sync design tokens, and generate code from design…

daffy0208/ai-dev-standards