Browse the full skills directory.浏览完整技能目录。
Filter by query, category, scenario, platform, and risk signals with server-side catalog results.按关键词、品类、场景、平台和风险信号筛选；URL 参数会直接下推到目录 API。
80 results
Community-indexed skills are not individually editor-curated; review risk signals, source, and maintenance before install.
react:components
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
transitions-dev
Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel revea
senior fullstack
Fullstack development toolkit with project scaffolding for Next.js, FastAPI, MERN, and Django stacks, code quality anal…
wordpress router
Use when the user asks about WordPress codebases (plugins, themes, block themes, Gutenberg blocks, WP core checkouts) a…
chrome extension development
Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices
senior fullstack
Fullstack development toolkit with project scaffolding for Next.js, FastAPI, MERN, and Django stacks, code quality anal…
engineering skills
23 engineering agent skills and plugins for Claude Code, Codex, Gemini CLI, Cursor, OpenClaw, and 6 more tools. Archite…
saas scaffolder
Generates complete, production-ready SaaS project boilerplate including authentication, database schemas, billing integ…
google web fonts
Use the Google Fonts API to add fonts to web pages.
stripe integration expert
Production-grade Stripe integrations: subscriptions with trials and proration, one-time payments, usage-based billing,…
huggingface gradio
Build Gradio web UIs and demos in Python. Use when creating or editing Gradio apps, components, event listeners, layout…
saas scaffolder
../../../product-team/skills/saas-scaffolder/SKILL.md
saas scaffolder
Generates complete, production-ready SaaS project boilerplate including authentication, database schemas, billing integ…
email template builder
Email Template Builder
swiftui expert skill
Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state management, view composition…
dev workflow
开发流程五步法。支持需求理解、方案设计、代码实现、代码审查、Bug 修复。当用户提到「需求分析」「方案设计」「代码实现」「代码审查」「理解需求」「技术设计」「开始写代码」「Review」「检查代码」「bug」「报错」「崩溃」「异常」「出错…
frontend ui engineering
Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, imp…
landing page generator
Generates high-converting landing pages as complete Next.js/React (TSX) components with Tailwind CSS. Creates hero sect…
frontend dev guidelines
Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, us…
deno frontend
Use when working with Fresh framework, creating routes or handlers in Fresh, building web UIs with Preact, or adding Ta…
shadcn
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides proj…
tailwind v4 shadcn
| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React. Use when: initializing React projects wi…
swiftui ui patterns
Best practices and example-driven guidance for building SwiftUI views and components, including navigation hierarchies,…
threejs animation
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating object…
threejs materials
Three.js materials - PBR, basic, phong, shader materials, material properties. Use when styling meshes, working with te…
maui data binding
Guidance for .NET MAUI XAML and C# data bindings — compiled bindings, INotifyPropertyChanged / ObservableObject, value…
native data fetching
Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR,…
建站骨架 (EdgeOne Pages)
一句话说需求，AI 生成完整前后端网站并自动部署到 EdgeOne Pages。支持电商栈（Auth/购物车/支付）、AI 栈（SSE 流式对话）、管理后台。触发词：帮我建网站、建一个电商网站、做 AI 客服站、建管理后台、EdgeOne…
performance optimization
Optimizes application performance. Use when performance requirements exist, when you suspect performance regressions, o…
vercel react native skills
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, op…
vercel react view transitions
Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` componen…
netlify deploy
Deploy web projects to Netlify using the Netlify CLI (`npx netlify`). Use when the user asks to deploy, host, publish,…
react native dev
React Native and Expo development guide covering components, styling, animations, navigation, state management, forms,…
flutter dev
Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation,…
implementing llms litgpt
Implements and trains LLMs using Lightning AI's LitGPT with 20+ pretrained architectures (Llama, Gemma, Phi, Qwen, Mist…
flutter expert
Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget development, Riverpod/Bloc st…
gsap scrolltrigger
Official GSAP skill for ScrollTrigger — scroll-linked animations, pinning, scrub, triggers. Use when building or recomm…
gsap frameworks
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount.…
code flow graph
This skill generates interactive HTML node-graph diagrams to visualize codebase structure, class relationships, and fun…
typescript coder
Expert 10x engineer with extensive knowledge of TypeScript fundamentals, migration strategies, and best practices. Use…
wp interactivity api
Use when building or debugging WordPress Interactivity API features (data-wp-* directives, @wordpress/interactivity sto…
android native dev
Android native application development and UI design guide. Covers Material Design 3, Kotlin/Compose development, proje…
fullstack dev
Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creati…
ios application dev
iOS application development guide covering UIKit, SnapKit, and SwiftUI. Includes touch targets, safe areas, navigation…
transformers js
Use Transformers.js to run state-of-the-art machine learning models directly in JavaScript/TypeScript. Supports NLP (te…
android compose foundations
Build Android UI with Jetpack Compose foundations, layouts, modifiers, theming, and stable component structure.
autonomous builder
Full-stack software development agent for design, implementation, testing, and deployment. Use when the user explicitly…
web frameworks
Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turbore…
vercel composition patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexib…
winui app
Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Micro…
aspnet core
Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web develo…
firebase basics
Use this skill whenever you are working on a project that uses Firebase products or services, especially for mobile or…
tsdown
Bundle TypeScript and JavaScript libraries with blazing-fast speed powered by Rolldown. Use when building libraries, ge…
vue best practices
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard…
supabase
Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge Functions, Realtime, Stor…
core web vitals
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core…
expo module
Guide for creating and writing Expo native modules and views using the Expo Modules API (Swift, Kotlin, TypeScript). Co…
native-feel-cross-platform-desktop
Use when the user is designing, prototyping, or rewriting a desktop app that must run on multiple OSes (macOS + Windows,
learning-opportunities
Facilitates deliberate skill development during AI-assisted coding. Offers interactive learning exercises after architec
antfu
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects. Use when setting up new projects, c
camera1-to-camerax
Use this skill to migrate legacy Android camera implementations (Camera1 or raw Camera2 APIs) to CameraX. CameraX is a l
formkit
Use when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects.
gemini-api-dev
Use this skill when building applications with Gemini API hosted models, including Gemini and Gemma 4, working with mult
gsap-core
Official GSAP skill for the core API — gsap.to(), from(), fromTo(), easing, duration, stagger, defaults, gsap.matchMedia
pinme-auth
Use when a PinMe project (Worker TypeScript) needs to integrate user authentication — creating email/password users, ver
create-adaptable-composable
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pa
applicationinsights-web-ts
Instrument browser/web apps with the Application Insights JavaScript SDK (@microsoft/applicationinsights-web). Use for R
tvt-js-plugin-builder
理解并扩展 TvT.js / icegl-three-vue-tres 的插件体系。适用于 TvT.js 工作区中出现 新建插件、新建案例、src/plugins、public/plugins、config.js、预览元数据、tvtstor
threejs-animation
Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects
building-native-ui
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, anima
vercel-composition-patterns
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexibl
add-wasp-skills
Install Wasp agent skills (plugins) that add Wasp knowledge and best practices to your AI coding tools.
build-review-interface
Build a custom browser-based annotation interface tailored to your data for reviewing LLM traces and collecting structur
add-addons-existing-app
Apply integrations to existing projects with tanstack add, including add-on id resolution, dependency chains, option pro
aspnet-core
Build, review, refactor, or architect ASP.NET Core web applications using current official guidance for .NET web develop
blueprint
Use when creating, editing, or reviewing WordPress Playground blueprint JSON files. Triggers on mentions of blueprints,
adding-a-command
Creates a new CLI command following the Commander.js pattern in src/commands/. Handles command registration in src/cli.t
app-onboarding-questionnaire
Design and build a high-converting questionnaire-style onboarding flow for your app, modelled on proven conversion patte
angular-architect
Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx s
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (