Claude Skills

Comprehensive best practices for React Native and Expo apps. Covers list performance, animations, navigation, UI patterns, state management, and monorepo structure.

Official shadcn/ui skill for managing components and design systems. Covers adding, searching, fixing, styling, and composing UI components with correct patterns.

Agent Skills for developers using AI agents with Supabase — database, auth, storage, and edge functions.

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's description for better triggering accuracy.

Create, read, edit, and manipulate Word documents (.docx files) with formatting, tracked changes, and text extraction.

69 rules for React and Next.js performance optimisation across 8 priority categories.

Discovers and installs agent skills from the open ecosystem via the skills.sh leaderboard.

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Automated UI code auditing against Vercel's web interface guidelines. Reviews for accessibility, design compliance, and best practices.

Enforces a design-first workflow before any code is written. Proposes approaches, writes a spec, then hands off to an implementation plan.

Comprehensive guidance for writing and reviewing Next.js code — RSC boundaries, async patterns, routing, error handling, and data fetching.

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.

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

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 "make me a GIF of X doing Y for Slack."

Create, read, edit, and manipulate PowerPoint presentations (.pptx files) with layouts, templates, and slide generation.

Four-phase debugging methodology: root cause investigation, pattern analysis, hypothesis testing, implementation. Never fixes without finding the root cause first.

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.

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' work to avoid copyright violations.

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.

Create, read, edit, and manipulate spreadsheet files (.xlsx, .csv, .tsv) with formulas, charts, and data transformations.

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).

Read, create, merge, split, and manipulate PDF files. Extract text and tables, fill forms, add watermarks, and OCR scanned documents.

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.).

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' work to avoid copyright violations.

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.