Agent Skills

napkin

✓★ 36,200

by github

Browser-based visual whiteboard for sketching ideas and collaborating with Copilot through drawings and sticky notes. Opens an interactive canvas on the user's desktop where they can draw, sketch, and add sticky notes, then share back to Copilot via a "Share with Copilot" button Reads whiteboard content through PNG snapshots (visual interpretation of sketches, diagrams, and layout) and optional JSON clipboard data (precise text from sticky notes and labels) Designed for non-technical...

penpot-uiux-design

✓★ 36,200

by github

Professional UI/UX design creation in Penpot with MCP tools, design systems, and accessibility standards. Four MCP tools enable design creation, modification, export, and API access within Penpot's plugin context Includes discovery workflow to identify existing design systems, components, and tokens before building new designs Covers responsive layouts for mobile (375×812), desktop (1440×900), and platform-specific guidelines (iOS, Android, Material Design) Provides default design tokens...

postgresql-code-review

✓★ 36,200

by github

PostgreSQL code review assistant covering JSONB, arrays, custom types, schema design, and security best practices. Reviews JSONB operations for indexing efficiency, array usage with GIN indexes, and proper containment operators Evaluates schema design including ENUM types, CITEXT for case-insensitive data, TIMESTAMPTZ usage, and CHECK constraints Identifies anti-patterns in function optimization, trigger design, and extension usage Assesses Row Level Security (RLS) implementation, privilege...

postgresql-optimization

✓★ 36,200

by github

Expert guidance on PostgreSQL-specific features, optimization patterns, and advanced data type capabilities. Covers JSONB operations, array types, window functions, full-text search, custom types, range types, and geometric types with practical examples Includes query optimization strategies using EXPLAIN ANALYZE, index design patterns (composite, partial, covering, expression), and connection/memory management Provides monitoring and maintenance techniques via pg_stat_statements,...

power-bi-model-design-review

✓★ 36,200

by github

Comprehensive Power BI data model design review framework for evaluating architecture, relationships, and optimization. Covers schema architecture, relationship design, and storage mode strategy with detailed assessment checklists across fact tables, dimensions, cardinality, and filter directions Includes three-phase review process: model architecture analysis, performance and scalability evaluation, and maintainability/governance assessment Provides specialized review types for...

power-bi-performance-troubleshooting

✓★ 36,200

by github

Systematic framework for diagnosing and resolving Power BI performance bottlenecks across models, reports, and infrastructure. Covers four diagnostic areas: model design and DAX efficiency, report layout and visual complexity, infrastructure capacity, and data source connectivity Includes step-by-step troubleshooting methodology with issue classification, baseline metrics collection, and targeted diagnosis workflows Provides concrete optimization patterns for DAX formulas, storage mode...

power-bi-report-design-consultation

✓★ 36,200

by github

Comprehensive Power BI design consultation framework covering chart selection, layout strategy, accessibility, and interactive patterns. Provides structured requirements gathering for business context, data analysis, and technical constraints before recommending visualizations Includes detailed chart selection methodology organized by data relationships (comparison, trend, composition, distribution) with specific recommendations for each category Offers audience-specific design patterns for...

refactor

✓★ 36,200

by github

Surgical code refactoring to improve maintainability without changing behavior. Covers 10 common code smells: long methods, duplication, large classes, long parameter lists, feature envy, primitive obsession, magic numbers, nested conditionals, dead code, and inappropriate intimacy Includes extract method, extract class, and introduce type safety patterns with before/after examples Provides design pattern refactoring strategies: Strategy, Chain of Responsibility, and others for replacing...

remember-interactive-programming

✓★ 36,200

by github

Micro-prompt that reinforces interactive programming workflows with live REPL access. Designed for Clojure with Copilot integration via Backseat Driver, but adaptable to any system with a live REPL Reminds the agent to use the REPL as the source of truth for exploration and system modification Encourages clear communication about evaluated code and preference for structural editing tools over text replacement Includes guidance on maintaining a todo list during interactive development sessions

sql-optimization

✓★ 36,200

by github

Universal SQL performance optimization across MySQL, PostgreSQL, SQL Server, Oracle, and other databases. Covers query analysis, index strategy design, subquery optimization, and JOIN tuning with before/after examples for each technique Addresses common anti-patterns including SELECT *, function calls in WHERE clauses, inefficient pagination, and correlated subqueries Provides database-agnostic guidance on batch operations, temporary tables, covering indexes, and partial indexes Includes...

update-markdown-file-index

✓★ 36,200

by github

Generate and maintain file indexes in markdown documents by scanning folders and updating or creating organized file listings. Scans target markdown files and discovers files matching specified patterns in designated folders Generates three table format options: simple lists with descriptions, detailed tables with type/size metadata, or categorized sections grouped by file type Automatically identifies existing index sections by heading patterns ("index", "files", "contents") and updates...

webapp-testing

✓★ 36,200

by github

Browser automation and testing toolkit for local web applications using Playwright. Supports core browser interactions including navigation, form filling, clicking, dropdown selection, and dialog handling Includes verification capabilities for element presence, text content, visibility, URLs, and responsive design across viewports Provides debugging tools: screenshot capture, console log inspection, network request monitoring, and error handling patterns Works with Node.js environments and...

frontend-design

✓★ 31,500

by anthropic

Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design direction. Guides developers through design thinking before coding: establish purpose, tone, constraints, and a memorable differentiator to anchor aesthetic choices Emphasizes typography, color theming, motion, spatial composition, and textural details as core levers for visual impact Explicitly warns against overused fonts (Inter, Roboto, Arial), clichéd color schemes (purple...

playground

✓★ 31,500

by anthropic

Self-contained HTML playgrounds with live preview, interactive controls, and copyable prompt output. Includes five templates for common playground types: design decisions, data exploration, concept mapping, document critique, and code review Every playground features instant live preview, natural-language prompt generation that only mentions non-default choices, and a one-click copy button Built as single HTML files with no external dependencies, dark theme by default, and sensible presets...

frontend-design

✓★ 31,500

by anthropic

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…

figma-generate-library

✓★ 23,200

by openai

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set…

figma-generate-design

✓★ 23,200

by openai

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to…

figma-code-connect-components

✓★ 23,200

by openai

Connects Figma design components to code components using Code Connect mapping tools. Use when user says "code connect", "connect this component to code", "map…

figma

✓★ 23,200

by openai

Fetch design context, screenshots, and assets from Figma, then translate designs into production code. Provides three core commands: get_design_context for structured node representation, get_screenshot for visual reference, and asset download via localhost endpoints Requires a mandatory workflow: fetch design context, retrieve screenshot, download assets, then implement using project conventions and design tokens Outputs React + Tailwind as a design representation; implementation must reuse...

winui-app

✓★ 23,200

by openai

Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns,…

figma-create-design-system-rules

✓★ 23,200

by openai

Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design…

figma-create-new-file

✓★ 23,200

by openai

Create a new blank Figma file. Use when the user wants to create a new Figma design or FigJam file, or when you need a new file before calling use_figma.…

chatgpt-apps

✓★ 23,200

by openai

Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI. Use when Codex needs to design tools,…

figma-implement-design

✓★ 23,200

by openai

Translate Figma designs into production-ready code with pixel-perfect visual fidelity. Structured seven-step workflow: extract node IDs from Figma URLs, fetch design context and screenshots, download assets, translate to project conventions, and validate against Figma specs Integrates with Figma MCP server (remote or desktop) to access layout properties, typography, colors, design tokens, and component structure Emphasizes design system reuse, design token mapping, and 1:1 visual parity;...

content-creation

✓★ 22,300

by anthropic

Marketing content templates and frameworks across blog, email, social, landing pages, and press releases. Includes structured templates for six content types with specific word counts, section guidance, and SEO integration for each format Covers channel-specific best practices: LinkedIn storytelling, Twitter threading, email personalization, and mobile-first web design Provides headline and hook formulas (contrarian statements, statistics, scenarios), CTA principles with action verbs, and...

org-planning

✓★ 22,300

by anthropic

Headcount planning, org design, and team structure optimization. Trigger with "org planning", "headcount plan", "team structure", "reorg", "who should we hire…

email-sequence

✓★ 22,300

by anthropic

Design and draft multi-email sequences with full copy, timing, branching logic, exit conditions, and performance benchmarks. Use when building onboarding, lead…

design-system

✓★ 22,300

by anthropic

Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a…

design-mcp-workflow

✓★ 22,300

by anthropic

Design a Zoom MCP workflow for Claude. Use when deciding whether Zoom MCP fits a task, when planning tool-based AI workflows, or when separating MCP…

create-cowork-plugin

✓★ 22,300

by anthropic

Build a new plugin from scratch through guided conversation. Walk the user through discovery, planning, design, implementation, and packaging — delivering a ready-to-install .plugin file at the end.