Skills
99,064 packaged capabilities and playbooks for agents. Install any of them with one command.
All
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
This skill MUST be used for evidence-grounded reasoning when the user requests ultrathink, 深度思考, or 深入思考. It SHOULD be used when substantive uncertainty or trade-offs remain, including questions of meaning, tone, or reader interpretation. Unless explicitly requested, it MUST NOT be used for routine work with no substantive uncertainty or trade-offs.
Asset loading and content management with Addressables. Group organization, async loading, memory management, remote content. Triggers: /addressables, /assets, 'Addressables', 'AssetReference', 'chargement async', 'remote content', 'DLC', 'asset bundles', 'Resources.Load migration', 'loading screen'.
Advanced animation in Unity: Animator, IK, Root Motion, Timeline, Playables API, Animation Rigging, blend trees. Triggers: /anim, /animation, 'Animator avance', 'IK', 'Root Motion', 'Timeline', 'Playables API', 'Animation Rigging', 'blend tree', 'state machine animation', 'animation events'.
Complete Unity 6+ audio system: SFX, music, ambience, 3D spatialization, AudioMixer, pooling, Audio Random Container, Scriptable Audio Pipeline. Triggers: /unity-audio, /audio, audio, son, musique, AudioMixer, AudioSource, spatial audio, 3D sound, sound design, SFX
Generate and run Unity tests (NUnit, EditMode, PlayMode). Analyzes existing code, extracts testable logic, generates fitting tests. Triggers: /test, /unity-test, 'NUnit', 'test unitaire Unity', 'PlayMode test', 'EditMode test', 'TDD Unity', 'ecrire des tests', 'tester mon code'.
Building user interfaces with UI Toolkit (UXML, USS, C# bindings). Generates complete screens with UXML structure, USS styling and a C# presenter. Triggers: /uitk, /ui, 'UI Toolkit', 'UXML', 'USS', 'UIDocument', 'data binding UI', 'runtime UI', 'menu principal', 'HUD', 'interface utilisateur Unity'.
Load saved Playwright storageState authentication profiles before browser automation. Activates when `.playwright/profiles.json` exists and browser work begins on authenticated pages. Trigger phrases include "use profile", "load profile", "browser as [role]", "authenticated browser", "logged in browser session".
Store, version, compare for equality, archive, restore, and explicitly share arbitrary encrypted files in personal or project VaultContext vaults through a CLI. Use for sensitive file storage, including private configuration files; excludes inspecting or executing file contents and cloud provisioning.
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
Feature flags, A/B tests, and gradual rollouts with Vercel Flags, in any app or framework. Use whenever the user is planning, adding, changing, or cleaning up a feature flag, toggle, kill switch, experiment, percentage rollout, or targeting rule, or wants to gate or hide a feature for some users, even before a library or provider is chosen. Covers choosing an integration (Flags SDK, `@vercel/flags-core`, OpenFeature), the Vercel dashboard, the `vercel flags` CLI (create, inspect, set, split, rollout, rules, segments, evaluations, archive, connections), Project Connections, OIDC vs SDK keys, `FLAGS_SECRET`, and Flags Explorer overrides. For `flag()` declarations, adapters, precompute, and the Flags Explorer endpoint in Next.js or SvelteKit code, load the `flags-sdk` skill.
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Create concise handoff artifacts for moving work between agent sessions, coding agents, or tools such as Codex and Claude Code. Use when pausing work, switching agents, splitting work across sessions, preserving current state, pointing to specs/plans/evidence, or preparing the next agent to continue without copying the whole conversation.
Create or review an implementation and validation plan before development starts. Use after a ready or conditionally ready spec, when deciding how to implement a change by vertical slices, identifying affected files and modules, sequencing development tasks, planning TDD or validation before coding, checking architecture fit, or producing a repo-native plan artifact that links specs to tests, commits, and evidence.
Build, run, or review disposable prototypes after a draft spec exists, when one uncertain product, UI, backend, agent workflow, prompt, state-machine, or architecture question needs evidence before spec review or planning can proceed. Use when a spec, review, or plan contains an assumption that text alone cannot resolve, when an interaction must be tried, or when prototype evidence must feed back into the active workflow artifact.
generate text or images into animated cartoon videos with this skill. Works with MP4, MOV, PNG, JPG files up to 200MB. students, content creators, social media users use it for generating cartoon videos from text prompts or images for free — processing takes 1-2 minutes on cloud GPUs and you get 1080p MP4 files.
Turn three product photos and a logo file into 1080p finished MP4 videos just by typing what you need. Whether it's generating polished videos from images or clips without manual editing or quick social content, drop your video clips or images and describe the result you want. No timeline dragging, no export settings — 1-2 minutes from upload to download.
Install and drive Motion Previs Studio v4 from the `video-motion-previs` CLI to turn reference video into pose, depth, camera-motion, control-layer, and AI-video/Blender production packs. Use when an agent must check or install the desktop app, import and trim a shot, run motion analysis, export a bundle, inspect its files, capture the app, or send a layer to Blockout. Triggers on: Motion Previs Studio, video motion previs, camera solve, pose extraction, OpenPose BODY_25, depth control video, production pack, motion-previs MCP.
Transform Obsidian video notes from the Vault into published notes on joelclaw.com. Use when publishing video notes, converting vault video content to the site, or when asked to 'publish a video note,' 'turn this video into a note,' 'publish from vault/videos,' or any task involving /Vault/Resources/videos → joelclaw content. Triggers on references to video notes, vault video files, or publishing video content to the blog.
Best practices and techniques for writing effective AI video generation prompts. Covers: Veo, Seedance, Wan, Grok, Kling, Runway, Pika, Sora prompting strategies. Learn: shot types, camera movements, lighting, pacing, style keywords, negative prompts. Use for: improving video quality, getting consistent results, professional video prompts. Triggers: video prompt, how to prompt video, veo prompts, video generation tips, better ai video, video prompt engineering, video prompt guide, video prompt template, ai video tips, video prompt best practices, video prompt examples, cinematography prompts
Tired of juggling clunky software just to record your screen and share it? The video-screen-recorder skill lets you capture screen activity, trim recordings, add annotations, and export clean video files without the usual setup headache. Whether you're creating tutorials, bug reports, or product demos, this skill handles mp4, mov, avi, webm, and mkv formats. Built for developers, educators, and remote teams who need polished recordings fast.
trim video clips into trimmed video clips with this skill. Works with MP4, MOV, AVI, MKV files up to 500MB. casual video editors use it for cutting and trimming video clips to exact lengths — processing takes 20-40 seconds on cloud GPUs and you get 1080p MP4 files.
Build component-based UIs with ViewComponent and view_component-contrib. Use when creating reusable UI components, implementing slots and style variants, or building component previews. Triggers on ViewComponent creation, component patterns, Lookbook previews, or UI component architecture.
Install and configure vLLM-Plugin-FL for multiple hardware backends including NVIDIA, Ascend and etc. Use when setting up vllm-plugin-fl, configuring the environment for specific hardware backend, installing dependencies, checking whether dependencies are installed successfully, resolving runtime issues, and launching inference to verify successful model serving. Trigger when the user says things like "setup vllm-plugin-fl", "install vllm-plugin-fl", "configure FL plugin", "set up FlagGems", or "set up FlagCX".
Query and answer questions about Volcengine API specifications. Trigger this skill whenever a user asks about Volcengine API parameters, error codes, request methods, enum values, required fields, response structures, pagination, parameter dependencies, or API comparisons — even if they don't explicitly say "API". Typical triggers include questions like "What parameters does DescribeInstances have?", "What values does Status support?", "What does InvalidInstanceId.NotFound mean?", "Does Volcengine have a batch tag deletion API?", "Which APIs does ECS support?", "How do I pass parameters to CreateDatabase?", "Is ChargeType required?", "What fields does DescribeInstances return?", "How do I paginate instance lists?", "What's the difference between these two APIs?", "RunInstances returns InvalidParameterValue". When the user needs runnable SDK code, hand off to the volcengine-sdk-generator skill. When the user needs CLI-based operations, hand off to the volcengine-cli skill. Supports both Chinese and English prompts.
Analyze Solana wallets and multichain portfolios with Zerion API. Use for Solana portfolio value, token positions, transaction history, wallet charts, and PnL. Prefer direct REST API integration, with hosted MCP and x402 on Solana as no-key alternatives for agent workflows.
Turns company domains into named decision-makers with verified work emails, or finds emails for contacts you already have — a people-search node keyed on domain, then a multi-source email cascade with a known cost per contact. Use when asked to enrich a list, find contacts or emails, work from LinkedIn URLs, or raise find rate without guessing patterns. Triggers include "заенрич", "знайди персон", "потрібні пошти", "find contacts", "who do we write to at these companies".
All network operations must be handled through this skill, including: searching, web scraping, post-login operations, dynamic page interaction, and more. Trigger scenarios: the user asks to search for information, view web page content, access sites requiring login, operate web interfaces, scrape social media content (Xiaohongshu, Weibo, Twitter, etc.), read dynamically rendered pages, and any network task requiring a real browser environment.
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components—not for simple single-file HTML/JSX artifacts.
A browser environment emulation skill for Web/JS reverse engineering, covering Proxy-based environment dumping, prototype chain fixes, native toString protection, descriptor protection, and modular environment analysis and construction for navigator/document/storage/canvas/WebGL/crypto/performance/WebRTC/Worker and more. Use when the user explicitly mentions "补环境", "浏览器环境模拟", "Proxy吐环境", "document.all", "webdriver", "plugins/mimeTypes", "指纹", "jsdom/vm/node 补环境", "补环境 skill", or "验证码/风控环境修补".
Senior defensive web security architecture for creating, editing, auditing, hardening, and monitoring websites, web apps, APIs, SaaS products, ecommerce, dashboards, auth flows, sessions, cookies, browser security headers, CSP, CORS, access control, secrets, dependency and supply-chain security, logging, incident readiness, privacy-sensitive flows, and AI/agent-enabled web features. Use when the user asks about website security, appsec, OWASP, ASVS, Top 10, API security, threat modeling, secure code review, authentication, authorization, session management, CSRF, XSS, SQL/NoSQL injection, SSRF, file upload security, security headers, TLS/HSTS, CSP, CORS, cookies, rate limiting, bot abuse, secrets, dependency scanning, vulnerability remediation, security monitoring, or making a site secure by design.
Complete black-box pentest-style web security audit. Runs 70+ tests against any URL (OWASP Top 10, CVEs, CORS, headers, databases, auth, rate limiting, injection) and generates a professional HTML report with vulnerabilities, proofs of concept and an action plan. Use this skill whenever the user mentions security audit, pentest, checking security, finding vulnerabilities, cybersecurity, penetration testing, or wants to verify a website is secure before launch.
Expert skill for the webman framework (a long-lived, in-memory PHP framework based on workerman). Covers routing, controllers, middleware, database/Redis, custom processes, timers, coroutines (v2), plugin development, and guarding against memory leaks and cross-request state pollution under the resident process model. Use when the project has start.php, config/process.php, or support/bootstrap.php, or when the user mentions webman, workerman, 常驻内存 PHP, 协程 PHP, or long-lived/in-memory PHP.
Use when planning Google Search Console, Yandex Webmaster, Bing Webmaster, sitemap submission, verification records, ownership checks, and post-launch indexing monitoring. Planning only; do not submit, verify, or mutate webmaster accounts without explicit approval.
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.