Search

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

#

Skill

Source

Installs

designing-frontend-interfaces osmontero/opencode-skills/designing-frontend-interfaces Use when building or restyling any web interface — landing pages, dashboards, marketing sites, web apps, /Vue co…

osmontero/opencode-skills

security-expert shipshitdev/skills/security-expert Expert in application security, OWASP Top 10, authentication, authorization, data protection, and security best pract…

shipshitdev/skills

slide-deck code-on-sunday/slide-deck-generator/slide-deck Use when building browser-based presentation slide decks, creating training presentations, generating +Vite slid…

code-on-sunday/slide-deck-generator

performance yonatangross/orchestkit/performance Performance optimization patterns covering Core Web Vitals, render optimization, lazy loading, image optimizati…

yonatangross/orchestkit

tooluniverse-lipidomics mims-harvard/tooluniverse/tooluniverse-lipidomics Lipid analysis and lipid-disease associations using LIPID MAPS classification, HMDB metabolite data, KEGG/ome li…

mims-harvard/tooluniverse

json-render- b-open-io/prompts/json-render- renderer for json-render that turns JSON specs into components. Use when working with @json-render/,…

b-open-io/prompts

sgds-components govtechsg/sgds-web-component/sgds-components Complete reference for all SGDS web components including installation and framework integration. Use when users ask a…

govtechsg/sgds-web-component

Frontend Builder daffy0208/ai-dev-standards/frontend-builder Build modern /Next.js frontends. Use when creating web applications, choosing frontend stack, structuring compon…

daffy0208/ai-dev-standards

jotai-expert s-hiraoku/skills-factory/jotai-expert Expert guidance for Jotai state management in applications.

s-hiraoku/skills-factory

onchainkit bankrbot/skills/onchainkit Build onchain applications with components and TypeScript utilities from Coinbase's OnchainKit.

bankrbot/skills

convex-tanstack sstobo/convex-skills/convex-tanstack Comprehensive guide for building full-stack applications with Convex and TanStack Start. This skill should be used wh…

sstobo/convex-skills

engineering-frontend-developer peterhdd/agent-skills/engineering-frontend-developer Build modern web applications with , Vue, Angular, or Svelte, focusing on performance and accessibility.

peterhdd/agent-skills

3d-web-experience sebas-aikon-intelligence/antigravity-awesome-skills/3d-web-experience Expert in building 3D experiences for the web - Three.js, Three Fiber, Spline, WebGL, and interactive 3D scenes.

sebas-aikon-intelligence/antigravity-awesome-skills

chrome-extension-wxt tenequm/skills/chrome-extension-wxt Build Chrome extensions using WXT framework with TypeScript, , Vue, or Svelte.

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

gigs-slc/-native-skills

performance-expert shipshitdev/skills/performance-expert >- Backend, database, and infrastructure performance expert covering API response times, query and index optimization…

shipshitdev/skills

framer-motion grahamcrackers/skills/framer-motion Framer Motion animation patterns for including transitions, variants, layout animations, AnimatePresence, gestu…

grahamcrackers/skills

mobile-development site/smithery.ai/mobile-development Cross-platform and native mobile development. Frameworks: Native, Flutter, Swift/SwiftUI, Kotlin/Jetpack Compos…

spring-ive pluginagentmarketplace/custom-plugin-spring-boot/spring-ive Build ive applications - WebFlux, Mono/Flux, R2DBC, backpressure, ive streams

pluginagentmarketplace/custom-plugin-spring-boot

ui-ux-design site/smithery.ai/ui-ux-design UI/UX design reference database. 50+ styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (, Next.js, Vue,…

ui-ux-pro-max ericgandrade/design-superskills/ui-ux-pro-max This skill should be used when the user needs comprehensive UI/UX design intelligence for web and mobile projects, in…

ericgandrade/design-superskills

safe-action-testing next-safe-action/skills/safe-action-testing Use when writing tests for next-safe-action actions or hooks -- Vitest patterns for testing server actions directly, …

next-safe-action/skills

cometchat---router cometchat/cometchat-skills/cometchat---router Integrate CometChat UI Kit v6 into a Router project (v6 or v7) using the @cometchat/skills-cli. Replaces …

cometchat/cometchat-skills

create-agent-tui openrouterteam/skills/create-agent-tui Scaffolds a complete agent TUI in TypeScript using @openrouter/agent — like create--app for terminal agents.

openrouterteam/skills

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

pedronauck/skills

ant-design- site/modelscope.cn/diegosouzapw__ant-design- Provides comprehensive guidance for Ant Design component library including components, design system, themes, a…

base-ui- smithery/jackspace/base-ui- >- Production-tested setup for Base UI (@base-ui-components/), MUI's unstyled, accessible component librar…

smithery/jackspace

convex-realtime smithery/microck/convex-realtime Implement real-time features using Convex ive queries that automatically update when data changes, enabling live…

smithery/microck

electron-best-practices site/modelscope.cn/jwynia__electron-best-practices Guide AI agents through Electron app development with including security patterns, type-safe IPC, integra…

form- smithery/Bbeierle12/form- Production-ready form patterns using Hook Form (default) and TanStack Form with Zod integration. Use when…

smithery/Bbeierle12

fp-ts- smithery/sickn33/fp-ts- Practical patterns for using fp-ts with - hooks, state, forms, data fetching. Use when building apps with…

smithery/sickn33

frontend--best-practices smithery/sergiodxa/frontend--best-practices performance optimization guidelines. Use when writing, reviewing, or refactoring components to ensure opt…

smithery/sergiodxa

frontend--router-best-practices smithery/sergiodxa/frontend--router-best-practices Router performance and architecture patterns. Use when writing loaders, actions, forms, routes, or working with…

smithery/sergiodxa

mantine--component-dev smithery/neversight/mantine--component-dev Development guidelines and patterns for building component libraries with Mantine UI, TypeScript, and modern to…

smithery/neversight

pitfalls- smithery/aiskillstore/pitfalls- component patterns, forms, accessibility, and responsive design. Use when building components, handling f…

smithery/aiskillstore

programming-in- smithery/ed3dai/programming-in- Use when writing or modifying components, planning features, or working with .jsx/.tsx files - provides m…

smithery/ed3dai

r3f-best-practices smithery/emalorenzo/r3f-best-practices Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code.…

smithery/emalorenzo

r3f-best-practices smithery/neversight/r3f-best-practices Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code.…

smithery/neversight

tanstack-router-migration smithery/redpanda-data/tanstack-router-migration Migrate applications from Router to TanStack Router with file-based routing.

smithery/redpanda-data

tanstack-start-shadcn smithery/kadajett/tanstack-start-shadcn Build full-stack applications with TanStack Start, Query, shadcn/ui, and Tailwind CSS v4.

smithery/kadajett

vercel--native-skills smithery/vercel-labs/vercel--native-skills Native and Expo best practices for building performant mobile apps. Use when building Native components, …

smithery/vercel-labs

uniwind hairyf/skills/uniwind Uniwind — Tailwind CSS v4 styling for Native. Use when adding, building, or debugging components in a Nat…

flutter-riverpod-expert juparave/dotfiles/flutter-riverpod-expert Expert knowledge in Flutter Riverpod state management (2025 best practices).

juparave/dotfiles

screenshot-to-code onewave-ai/claude-skills/screenshot-to-code Convert UI screenshots into working HTML/CSS//Vue code. Detects design patterns, components, and generates respo…

onewave-ai/claude-skills

ai-elements-workflow sstobo/convex-skills/ai-elements-workflow This skill provides guidance for building workflow visualizations using Vercel AI Elements and Flow.

sstobo/convex-skills

shopify-expert farmage/opencode-skills/shopify-expert Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.tom…

farmage/opencode-skills

neon-js- neondatabase/neon-js/neon-js- Sets up the full Neon SDK with authentication AND database queries in apps (Vite, CRA). Creates typed client, g…

neondatabase/neon-js

auth0-ionic- auth0/agent-skills/auth0-ionic- Use when adding Auth0 login, logout, or deep linking to an Ionic app with Capacitor. Integrates @auth0/auth0-re…

auth0/agent-skills

markstream- simon-he95/markstream-vue/markstream- Integrate the beta markstream- package into a 18+ or Next app. Use when Codex needs to add the rende…

simon-he95/markstream-vue

analytics-dashboard charlie947/social-media-skills/analytics-dashboard Turn a LinkedIn Analytics export into an interactive dark-themed dashboard plus a written strategic analysis wi…

charlie947/social-media-skills