Coding & Development
vercel-react-best-practices
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.
$ npx skills add vercel-labs/agent-skillsdeploy-to-vercel
Deploy applications and websites to Vercel. Use when the user requests deployment actions like
$ npx skills add vercel-labs/agent-skillsvercel-composition-patterns
React composition patterns that scale. Use when refactoring components with
$ npx skills add vercel-labs/agent-skillswshobson/agents
Marketplace of expert agents and skills for Claude Code.
$ npx skills add wshobson/agentsmattpocock/skills
Matt Pocock's engineering skills straight from his .agents directory.
$ npx skills add mattpocock/skillsxlsx
Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .xltx, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like \
$ npx skills add anthropics/skillstheme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.
$ npx skills add anthropics/skillsweb-artifacts-builder
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.
$ npx skills add anthropics/skillsslack-gif-creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like
$ npx skills add anthropics/skillsskill-creator
Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill
$ npx skills add anthropics/skillswebapp-testing
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
$ npx skills add anthropics/skillspptx
Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \
$ npx skills add anthropics/skillsmcp-builder
Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).
$ npx skills add anthropics/skillsdocx
Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of
$ npx skills add anthropics/skillsinternal-comms
A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).
$ npx skills add anthropics/skillsclaude-api
|-
$ npx skills add anthropics/skillsalgorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists
$ npx skills add anthropics/skillscanvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists
$ npx skills add anthropics/skillsnicobailon/surf-cli
Control Chrome browser via CLI for testing, automation, and debugging. Use when the user needs browser automation, screenshots, form filling, page inspection, network/CPU emulation, DevTools streaming, or AI queries via ChatGPT/Gemini/Perplexity/Grok/AI Studio.
$ npx skills add nicobailon/surf-cliselldone/storefront
>- Customize the official Selldone Vue 3 Storefront into a business-specific web app that can be published as a Selldone Layout. Use when an AI agent must discover a merchant's business goals, audience, brand, content, page scope, and design references; translate that brief into any visual direction within the existing Storefront architecture; preserve the complete Selldone commerce behavior; and optionally build, validate, package, deploy, and verify the Layout through the documented release workflow.
$ npx skills add selldone/storefrontlorenzh/skills
Merging a batch of independent pull requests that touch the same file, none built on another's branch. Use when two or more PRs each add to a shared list, index, README table or changelog and must all be merged, when merging one PR made the next one conflict, or when the user asks to merge or ship a batch of parallel PRs.
$ npx skills add lorenzh/skillsithubeg/landing-page
Extend this plain site's capabilities — add a collection or a field, add a page layout or template, write a plugin, apply a starter, or run an engine upgrade or a content import. Use for "add a testimonials section", "posts need an author field", "write a plugin that…", "add a landing page", "update the engine", "import my old blog".
$ npx skills add ithubeg/landing-pageviictiiyo-dev/tiktok-bridge
Verify completion and success claims with fresh evidence. Use before claiming a task is complete, a fix works, tests pass, or a feature is ready for GO.
$ npx skills add viictiiyo-dev/tiktok-bridgeviictiiyo-dev/tiktok-bridge
Validate feature-level integration after all tasks are implemented. Checks cross-task consistency, full test suite, and overall spec coverage.
$ npx skills add viictiiyo-dev/tiktok-bridge