Design

Guide for creating effective skills that extend agent capabilities with specialized knowledge, workflows, or tool integrations.

Build or update a professional-grade design system in Figma from a codebase.

Toolkit for interacting with and testing local web applications using Playwright.

Use when developing WordPress plugins: architecture and hooks, activation/deactivation/uninstall, admin UI and Settings API, data storage, cron/tasks…

Integrate LaunchDarkly qualitative user feedback into a JavaScript/TypeScript codebase.

Create, repair, validate, visually QA, and package Codex-compatible animated pets and pet spritesheets from character art, generated images, company or…

Reference architecture for a financial-institution market data (マーケットデータ) distribution system built on the "BLEA for FSI / 金融リファレンスアーキテクチャ日本版" baseline.

Reference architecture and CDK samples for building financial Open API (オープンAPI) workloads on AWS, from the "BLEA for FSI / Financial Reference Architecture…

Processes GCP infrastructure design and deployment workflows within Application Design Center (ADC).

Generates Cloud Monitoring Server-Driven UI (SDUI) Widget and XyChart Protocol Buffer textprotos on Google Cloud from resolved PromQL or ListTimeSeries queries.

This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma.

This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging

Build, scaffold, refactor, and troubleshoot ChatGPT Apps SDK applications that combine an MCP server and widget UI.

Connects Figma design components to code components using Code Connect mapping tools.

Build or update a professional-grade design system in Figma from a codebase.

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call.

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or…

Use when the task requires automating a real browser from the terminal (navigation, form filling, snapshots, screenshots, data extraction, UI-flow debugging)…

Migrate workloads from Microsoft Azure to AWS.

Migrate workloads from Google Cloud Platform to AWS — plus AI and agentic workloads from any provider.

Migrate workloads from Heroku to AWS.

Retrieves authoritative guidance on Amazon Timestream for InfluxDB across its supported engine variants.

Generates custom design system rules for the user's codebase.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).