Coding & Development

vercel-react-best-practices

github.com

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-skills
View skill→

deploy-to-vercel

★ 29.1kgithub.com

Deploy applications and websites to Vercel. Use when the user requests deployment actions like

$ npx skills add vercel-labs/agent-skills
View skill→

vercel-composition-patterns

github.com

React composition patterns that scale. Use when refactoring components with

$ npx skills add vercel-labs/agent-skills
View skill→

wshobson/agents

★ 38.0kgithub.com

Marketplace of expert agents and skills for Claude Code.

$ npx skills add wshobson/agents
View skill→

mattpocock/skills

★ 174.3kgithub.com

Matt Pocock's engineering skills straight from his .agents directory.

$ npx skills add mattpocock/skills
View skill→

xlsx

★ 154.8kgithub.com

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/skills
View skill→

theme-factory

★ 154.8kgithub.com

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/skills
View skill→

web-artifacts-builder

★ 154.8kgithub.com

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/skills
View skill→

slack-gif-creator

★ 154.8kgithub.com

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/skills
View skill→

skill-creator

★ 154.8kgithub.com

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/skills
View skill→

webapp-testing

★ 154.8kgithub.com

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/skills
View skill→

pptx

★ 154.8kgithub.com

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/skills
View skill→

mcp-builder

★ 154.8kgithub.com

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/skills
View skill→

docx

★ 154.8kgithub.com

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/skills
View skill→

internal-comms

★ 154.8kgithub.com

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/skills
View skill→

claude-api

★ 154.8kgithub.com

|-

$ npx skills add anthropics/skills
View skill→

algorithmic-art

★ 154.8kgithub.com

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/skills
View skill→

canvas-design

★ 154.8kgithub.com

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/skills
View skill→

nicobailon/surf-cli

github.com

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-cli
View skill→

selldone/storefront

github.com

>- 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/storefront
View skill→

lorenzh/skills

github.com

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/skills
View skill→

ithubeg/landing-page

github.com

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-page
View skill→

viictiiyo-dev/tiktok-bridge

github.com

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-bridge
View skill→

viictiiyo-dev/tiktok-bridge

github.com

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
View skill→