Skill directory
Agent skills
Focused instruction packs that teach a coding agent one job well. Browse the catalog and use any of them inside a RiverX project.
18,175Skills
1,902Publishers
249Official
Weatheropenclaw/openclawCurrent weather and forecasts with web_fetch, falling back to wttr.in curl for locations, rain, temperature, travel planning.01Weather Automationclaude-office-skills/skillsAutomate weather-based workflows, forecasts, alerts, and location-aware notifications01Weather Queryvikiboss/60s-skills查询中国各地实时天气和天气预报，包括温度、湿度、风速、空气质量等信息。Use when users ask about weather conditions, forecasts, or climate information for locations in China.01Weatherkitdpearson2699/swift-ios-skillsFetch WeatherKit current, minute, hourly, and daily forecasts; weather alerts; iOS 18+ changes, historical comparisons, summaries, and statistics; and required Apple Weather attribution. Use when integrating weather data, showing forecasts or alerts, caching WeatherKit responses, displaying attribution, or reviewing WeatherKit query limits in iOS apps.03Weaviateweaviate/agent-skillsSearch, query, and manage Weaviate vector database collections. Use for semantic search, hybrid search, keyword search, natural language queries with AI-generated answers, collection management, data exploration, filtered fetching, data imports from PDF/CSV/JSON/JSONL files, create example data and collection creation.027Web Access Claude Skillreason-machines/trending-skillsGive Claude Code full internet access with three-layer channel dispatch, CDP browser automation, and parallel sub-agent task splitting01Web Accessibilityakillness/jeo-skills>06Web Accessibilityhoodini/ai-agents-skillsBuild accessible web applications following WCAG guidelines. Use when implementing ARIA patterns, keyboard navigation, screen reader support, or ensuring accessibility compliance. Triggers on accessibility, a11y, WCAG, ARIA, screen reader, keyboard navigation.01Web Animation Designconnorads/dotfilesDesign and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use, animation best practices, or accessibility considerations for motion. Triggers on: easing, ease-out, ease-in, ease-in-out, cubic-bezier, bounce, spring physics, keyframes, transform, opacity, fade, slide, scale, hover effects, microinteractions, Framer Motion, React Spring, GSAP, CSS transitions, entrance/exit animations, page transitions, stagger, will-change, GPU acceleration, prefers-reduced-motion, modal/dropdown/tooltip/popover/drawer animations, gesture animations, drag interactions, button press feel, feels janky, make it smooth.02Web Animation Designvercel-labs/open-agentsDesign and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use, animation best practices, or accessibility considerations for motion. Triggers on: easing, ease-out, ease-in, ease-in-out, cubic-bezier, bounce, spring physics, keyframes, transform, opacity, fade, slide, scale, hover effects, microinteractions, Framer Motion, React Spring, GSAP, CSS transitions, entrance/exit animations, page transitions, stagger, will-change, GPU acceleration, prefers-reduced-motion, modal/dropdown/tooltip/popover/drawer animations, gesture animations, drag interactions, button press feel, feels janky, make it smooth.02Web Artifacts Buildernexu-io/open-design|01Web Artifacts Buildersickn33/agentic-awesome-skillsTo build powerful frontend claude.ai artifacts, follow these steps:05Web Asset Generatoralonw0/web-asset-generatorGenerate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images from logos or text slogans. Handles image resizing, text-to-image generation, and provides proper HTML meta tags.09Web Audio APImartinholovsky/claude-skills-generatorWeb Audio API for JARVIS audio feedback and voice processing02Web Browsermitsuhiko/agent-stuffAutomate and interact with web pages through Chrome or Chromium using the Chrome DevTools Protocol (CDP): navigate, click, fill forms, inspect content, take screenshots, and debug console or network activity. Use when an agent needs a real browser. Prefer headless Chrome unless visible browser interaction is required.019Web Cache Deceptionyaklang/hack-skills>-02Web Clonenexu-io/open-design>025Web Codergithub/awesome-copilotExpert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.017Web Component Designwshobson/agentsMaster React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.04Web Content Fetchershirenchuang/web-content-fetcher>06Web Crawlerstarchild-ai-agent/official-skillsWeb scraping plus social data: YouTube, TikTok, Instagram, LinkedIn,04Web Debugsentimony/skillsYou MUST use this when interacting with or testing local web applications with Playwright - verifying frontend functionality, debugging UI behavior, capturing browser screenshots, or viewing browser console logs.011Web Design Builderrknall/claude-skillsCreate and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern frameworks. Automatically verifies designs using Playwright MCP for accessibility and functionality testing. Use this skill when users ask to create web designs, mockups, landing pages, web applications, or refactor existing HTML/CSS/JS designs.03Web Design Engineerconardli/garden-skillsBuild or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact. Not for back-end, CLI, non-visual coding, source-to-longform article conversion, or narration-driven click-through video presentations.039Web Design Expertcuriositech/some_claude_skillsCreates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. Use for brand identity development, visual design systems, layout composition, and responsive06Web Design Guidelinesakillness/jeo-skills>06Web Design Guidelinesantfu/skillsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".02Web Design Guidelinesasyrafhussin/agent-skillsUI/UX best practices and accessibility audit. Use when reviewing UI code, checking accessibility, running accessibility audits, auditing forms, or ensuring web interface best practices. Triggers on "audit accessibility", "check WCAG", "review UI", "check accessibility", "audit design", "review UX", or "check best practices".029Web Design Guidelinesbytedance/deer-flowReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".01Web Design Guidelinescalesthio/openmontageReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".01Web Design Guidelinesdavila7/claude-code-templatesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".01Web Design Guidelinesehmo/platform-design-skillsWeb platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.04Web Design Guidelinesnexu-io/open-design|03Web Design Guidelinessickn33/agentic-awesome-skillsReview files for compliance with Web Interface Guidelines.01Web Design Guidelinesuni-helper/skillsReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".02Web Design Reviewergithub/awesome-copilotThis skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level.03Web Developmentmindrally/skillsWeb development guidelines covering Bootstrap, Django, HTMX, and general web best practices01Web Developmenttencentcloudbase/skillsUse when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite, browser flows, or CloudBase Web integration.03Web Fetchalleneubank/claude-codeFetches web content as clean markdown by preferring markdown-native responses and falling back to selector-based HTML extraction. Use for documentation, articles, and reference pages at http/https URLs.04Web Frameworksmrgoonie/claudekit-skillsBuild modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.018Web Hapticslochie/web-hapticsAdd haptic feedback to web apps using the web-haptics library. Use when building mobile-facing UIs that need tactile feedback on buttons, toggles, forms, pickers, and other interactive elements.0139Web Motion Designdylantarre/animation-principlesUse when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.01Web Performance Auditaj-geddes/useful-ai-prompts>07Web Performance Auditsecondsky/claude-skillsWeb performance audits with Core Web Vitals, bottleneck identification, optimization recommendations. Use for page load times, performance reviews, UX optimization, or encountering LCP, FID, CLS issues, resource blocking, render delays.01Web Performance Optimizationaj-geddes/useful-ai-prompts>07Web Performance Optimizationbobmatnyc/claude-mpm-skillsOptimize web performance using Core Web Vitals, modern patterns (View Transitions, Speculation Rules), and framework-specific techniques08Web Performance Optimizationdavila7/claude-code-templatesOptimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance01Web Performance Optimizationsecondsky/claude-skillsOptimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring. Use when improving page load times, implementing service workers, or reducing bundle sizes.03
Skills, installed in one click
Start building freePut a skill to work
Open any project, search the Skills panel in the chat, and the agent picks it up from there.