Search

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

#

Skill

Source

Installs

testing-library mgd34msu/goodvibes-gemini/testing-library Tests UI components with Testing Library including queries, user events, and async utilities. Use when testing /…

mgd34msu/goodvibes-gemini

textual-test-patterns site/smithery.ai/textual-test-patterns Testing recipes for specific Textual TUI scenarios. Provides "how do I test X?" patterns for common testing needs. Us…

tigercat site/smithery.ai/tigercat Tigercat /Vue app recipes and component docs: shell, routing, theme, i18n, SSR, props, examples, a11y, CLI.

tools-ui site/smithery.ai/tools-ui Tool lifecycle UI components for /Next.js from ui.inference.sh. Display tool calls: pending, progress, approval …

typescript-style contentstack/kickstart-next-ssr/typescript-style Use when editing TypeScript or files and matching this repo’s compiler and ESLint conventions.

contentstack/kickstart-next-ssr

typescript-style site/smithery.ai/typescript-style TypeScript coding style enforcement (ESLint, type safety, patterns). Auto-loads when writing or reviewing TypeS…

ui-component site/smithery.ai/ui-component Reusable UI component design and implementation methodology. Integrates design tokens, accessibility (a11y via W3C AP…

ui-component-builder site/smithery.ai/ui-component-builder Build reusable UI components with modern frameworks like , Vue, and vanilla JavaScript. Creates accessible, resp…

ui-creator site/smithery.ai/ui-creator This skill should be used when users want to create new UIs, improve existing UIs, compare UI variations (A/B testing…

ui-dev site/smithery.ai/ui-dev Frontend-Entwicklung für Claude Code Archive Backoffice UI. Next.js 16, 19, Tailwind CSS 4, shadcn/ui, Better A…

ui-mobile site/smithery.ai/ui-mobile Mobile UI patterns - Native, iOS/Android, touch targets

uni-telegram site/smithery.ai/uni-telegram Telegram messaging via uni CLI. Use when user wants to send Telegram messages, read Telegram chats, search Telegram, …

uni-wa site/smithery.ai/uni-wa WhatsApp messaging via uni CLI. Use when user wants to send WhatsApp messages, read WhatsApp chats, or manage WhatsAp…

unicon site/smithery.ai/unicon Help users add icons to their projects using the Unicon icon library.

using-context-api site/smithery.ai/using-context-api Teaches Context API patterns in 19 including use() hook for conditional context access. Use when implementing C…

using-context7 site/smithery.ai/using-context7 Expert at finding and using official documentation via Context7 MCP for Next.js 16, 19, FastAPI, Better Auth, a…

using-keys site/smithery.ai/using-keys UMG key 使用规范。在渲染列表、map 循环、拖拽预览、动态组件等场景时激活。key 标识组件身份而非位置，禁止使用坐标/…

using-refs site/smithery.ai/using-refs UMG 两种 ref/引用区分指南。 ref 用于获取组件/Widget 实例引用调用原生方法，PuerTS $ref/$unref 用于处理 UE C+…

valtio mgd34msu/goodvibes-gemini/valtio Manages state with Valtio using proxy-based ivity, direct mutations, and automatic re-renders. Use when wanting …

mgd34msu/goodvibes-gemini

valtio site/smithery.ai/valtio Valtio proxy state management for and vanilla JavaScript. Use when creating ive state, managing applicatio…

velt-setup-best-practices site/smithery.ai/velt-setup-best-practices Velt collaboration SDK setup guide for , Next.js, Angular, Vue, and HTML applications. Use this skill when setti…

vendix-angular-forms site/smithery.ai/vendix-angular-forms Angular ive Forms patterns with strict typing, shared CVA components, and Zoneless-safe form state. Trigger: Whe…

vendix-validation site/smithery.ai/vendix-validation Vendix validation patterns: global Nest ValidationPipe, DTO-first backend validation, class-validator/class-transform…

vendure-admin-ui-writing site/smithery.ai/vendure-admin-ui-writing Create Vendure Admin UI extensions with components, route registration, navigation menus, and GraphQL integrati…

vercel-webhooks-events site/smithery.ai/vercel-webhooks-events Implement Vercel webhook handling with signature verification and event processing. Use when setting up webhook endpo…

vision-to-code site/smithery.ai/vision-to-code Convert UI screenshots and designs to working code. Use when translating visual designs, mockups, or screenshots into…

visual-review redpanda-data/ui-harness/visual-review Browser-based frontend review for changed UI. Use before PRs with /route/CSS changes to inspect screenshots, sta…

redpanda-data/ui-harness

vite-config-generator site/smithery.ai/vite-config-generator Generate Vite configuration files for fast frontend development with , Vue, or vanilla JavaScript projects. Trig…

vue mgd34msu/goodvibes-gemini/vue Builds UIs with Vue 3 including Composition API, ivity, components, and state management. Use when creating Vue …

mgd34msu/goodvibes-gemini

vue-engineering site/smithery.ai/vue-engineering Comprehensive guide for Vue 3 application development using modern best practices (2025).

vue-fundamentals site/smithery.ai/vue-fundamentals Master Vue.js core concepts - Components, ivity, Templates, Directives, Lifecycle

vuejs-development site/smithery.ai/vuejs-development Comprehensive Vue.js development skill covering Composition API, ivity system, components, directives, and moder…

vuejs-patterns site/smithery.ai/vuejs-patterns Vue.js 3 Composition API patterns and best practices. Use when creating Vue components, composables, or any ive …

wagmi justaname-id/cryptoskills/wagmi wagmi hooks for Ethereum — createConfig, useAccount, useReadContract, useWriteContract, useWaitForTransactionRe…

justaname-id/cryptoskills

wagmi-development site/smithery.ai/wagmi-development Creates Wagmi features across all layers - core actions, query options, framework bindings. Use when adding new actio…

watermelondb site/smithery.ai/watermelondb WatermelonDB models, observation patterns, and integration. Use when writing or debugging model code, observers…

web-animation-design onmax/claude-config/web-animation-design Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user as…

onmax/claude-config

web-frontend site/smithery.ai/web-frontend Guidelines for building minimal, professional, and concise frontend components in the /web project using TypeScript, …

web-projects site/smithery.ai/web-projects Guidelines for web development projects using JavaScript/TypeScript frameworks. Activate when working with web projec…

webf-quickstart site/smithery.ai/webf-quickstart Get started with WebF development - setup WebF Go, create a /Vue/Svelte project with Vite, and load your first a…

webf-routing-setup site/smithery.ai/webf-routing-setup Setup hybrid routing with native screen transitions in WebF - configure navigation using WebF routing instead of SPA …

whatsapp site/smithery.ai/whatsapp Query WhatsApp chats, messages, contacts, groups. Send, forward, . Use when the user asks about their WhatsApp m…

workleap-squide site/smithery.ai/workleap-squide Squide (@squide/firefly) — Workleap's modular application shell. Use when: (1) Working with FireflyRuntime, ini…

worktrees getstream/stream-chat-/worktrees Creates and manages git worktrees for isolated plan execution. Use when setting up a worktree for a plan, syncing wit…

getstream/stream-chat-

wraps-email site/smithery.ai/wraps-email TypeScript SDK for AWS SES with automatic credential resolution, .email support, and template management.

wrld-design site/smithery.ai/wrld-design WRLD Inc design system for building UI components with Tailwind CSS and ShadCN. Use when creating components, d…

zero-to-running site/smithery.ai/zero-to-running Automate local development environment setup for multi-service applications.

zoonk-compound-components site/smithery.ai/zoonk-compound-components Build UI components using the compound component pattern. Use when creating new components, building UI element…

zustand-expert site/smithery.ai/zustand-expert Senior State Architect for 19 and Next.js 16.1+ applications. Specialist in Zustand v5, SSR-safe stores, and sl…

zustand-store-ts ranbot-ai/awesome-skills/zustand-store-ts Create Zustand stores with TypeScript, subscribeWithSelector middleware, and proper state/action separation. Use when…

ranbot-ai/awesome-skills