LabscoMCP early access ↗

Agent Skills

Instruction packs for your AI agent — browse standalone skills, tool add-ons and skills that need setup first.

✦ Standalone skills2,358

Listed for general use, with no separate prerequisite named.

🧰 Tool add-ons426

Listed as skills bundled with a specific tool, with no separate prerequisite named.

🔌 Needs setup first88

Each relies on something you set up separately — such as an app, a command-line tool or an account — and its page names what that is.

OverviewAllCloud ServiceCloud StorageCommunicationDatabaseDesignDevelopmentFile SystemFinanceMarketingMemoryOtherProductivitySearchVersion ControlWeb Scraping
Design ›All Design✓ OfficialImage GenerationUI DesignVideo & Media

google-labs-code · Design

343 standalone skills
wshobson avatar

team-composition-analysis

★ 37,559

by wshobson

Design optimal team structures, hiring plans, compensation strategies, and equity allocation for early-stage startups from pre-seed through Series A. Use this skill when planning headcount, determining which roles to hire next, setting compensation or equity ranges, designing org structure, or building a hiring budget aligned to funding milestones.

wshobson avatar

team-composition-patterns

★ 37,559

by wshobson

Design optimal agent team compositions with sizing heuristics, preset configurations, and agent type selection. Use this skill when deciding how many agents to spawn for a task, when choosing between a review team versus a feature team versus a debug team, when selecting the correct subagent_type for each role to ensure agents have the tools they need, when configuring display modes (tmux, iTerm2, in-process) for a CI or local environment, or when building a custom team composition for a non-standard workflow such as a migration or security audit.

wshobson avatar

temporal-python-testing

★ 37,559

by wshobson

Test Temporal workflows with pytest, time-skipping, and mocking strategies. Covers unit testing, integration testing, replay testing, and local development setup. Use when implementing Temporal workflow tests or debugging test failures.

wshobson avatar

terraform-module-library

★ 37,559

by wshobson

Build reusable Terraform modules for AWS, Azure, GCP, and OCI infrastructure following infrastructure-as-code best practices. Use when creating infrastructure modules, standardizing cloud provisioning, or implementing reusable IaC components.

wshobson avatar

threat-mitigation-mapping

★ 37,559

by wshobson

Map identified threats to appropriate security controls and mitigations. Use when prioritizing security investments, creating remediation plans, or validating control effectiveness.

wshobson avatar

track-management

★ 37,559

by wshobson

Use this skill when creating, managing, or working with Conductor tracks - the logical work units for features, bugs, and refactors. Applies to spec.md, plan.md, and track lifecycle operations.

wshobson avatar

turborepo-caching

★ 37,559

by wshobson

Configure Turborepo for efficient monorepo builds with local and remote caching. Use when setting up Turborepo, optimizing build pipelines, or implementing distributed caching.

wshobson avatar

unity-ecs-patterns

★ 37,559

by wshobson

Master Unity ECS (Entity Component System) with DOTS, Jobs, and Burst for high-performance game development. Use when building data-oriented games, optimizing performance, or working with large entity counts.

wshobson avatar

uv-package-manager

★ 37,559

by wshobson

Master the uv package manager for fast Python dependency management, virtual environments, and modern Python project workflows. Use when setting up Python projects, managing dependencies, or optimizing Python development workflows with uv.

wshobson avatar

vector-index-tuning

★ 37,559

by wshobson

Optimize vector index performance for latency, recall, and memory. Use when tuning HNSW parameters, selecting quantization strategies, or scaling vector search infrastructure.

wshobson avatar

visual-design-foundations

★ 37,559

by wshobson

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

wshobson avatar

wcag-audit-patterns

★ 37,559

by wshobson

Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.

wshobson avatar

web-component-design

★ 37,559

by wshobson

Master React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.

wshobson avatar

web3-testing

★ 37,559

by wshobson

Test smart contracts comprehensively using Hardhat and Foundry with unit tests, integration tests, and mainnet forking. Use when testing Solidity contracts, setting up blockchain test suites, or validating DeFi protocols.

wshobson avatar

workflow-orchestration-patterns

★ 37,559

by wshobson

Design durable workflows with Temporal for distributed systems. Covers workflow vs activity separation, saga patterns, state management, and determinism constraints. Use when building long-running processes, distributed transactions, or microservice orchestration.

wshobson avatar

workflow-patterns

★ 37,559

by wshobson

Use this skill when implementing tasks according to Conductor's TDD workflow, handling phase checkpoints, managing git commits for tasks, or understanding the verification protocol.

wshobson avatar

tailwind-design-system

★ 37,559

by wshobson

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

AI impact score: 4 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
github avatar

draw-io-diagram-generator

✓★ 36,202

by github

Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, style strings, flowcharts, system architecture, sequence diagrams, ER diagrams, UML class diagrams, network topology, layout strategy, the hediet.vscode-drawio VS Code extension, and the full agent workflow from request to a ready-to-open file.

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
github avatar

drawio

✓★ 36,202

by github

Generate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.Free
github avatar

excalidraw-diagram-generator

✓★ 36,202

by github

Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "draw a system architecture", "create a mind map", or "generate an Excalidraw file". Supports flowcharts, relationship diagrams, mind maps, and system architecture diagrams. Outputs .excalidraw JSON files that can be opened directly in Excalidraw.

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
github avatar

freecad-scripts

✓★ 36,202

by github

Expert skill for writing FreeCAD Python scripts, macros, and automation. Use when asked to create FreeCAD models, parametric objects, Part/Mesh/Sketcher scripts, workbench tools, GUI dialogs with PySide, Coin3D scenegraph manipulation, or any FreeCAD Python API task. Covers FreeCAD scripting basics, geometry creation, FeaturePython objects, interface tools, and macro development.

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
github avatar

nano-banana-pro-openrouter

✓★ 36,202

by github

Generate or edit images via OpenRouter with the Gemini 3 Pro Image model. Use for prompt-only image generation, image edits, and multi-image compositing; supports 1K/2K/4K output.

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeSetup details
github avatar

napkin

✓★ 36,202

by github

Visual whiteboard collaboration for Copilot CLI. Creates an interactive whiteboard that opens in your browser — draw, sketch, add sticky notes, then share everything back with Copilot. Copilot sees your drawings and text, and responds with analysis, suggestions, and ideas.

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
github avatar

penpot-uiux-design

✓★ 36,202

by github

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs for web, mobile, or desktop applications, (2) Building design systems with components and tokens, (3) Designing dashboards, forms, navigation, or landing pages, (4) Applying accessibility standards and best practices, (5) Following platform guidelines (iOS, Android, Material Design), (6) Reviewing or improving existing Penpot designs for usability. Triggers: "design a UI", "create interface", "build layout", "design dashboard", "create form", "design landing page", "make it accessible", "design system", "component library".

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.Free
github avatar

plantuml-ascii

✓★ 36,202

by github

Generate ASCII art diagrams using PlantUML text mode. Use when user asks to create ASCII diagrams, text-based diagrams, terminal-friendly diagrams, or mentions plantuml ascii, text diagram, ascii art diagram. Supports: Converting PlantUML diagrams to ASCII art, Creating sequence diagrams, class diagrams, flowcharts in ASCII format, Generating Unicode-enhanced ASCII art with -utxt flag

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.Free
github avatar

transloadit-media-processing

✓★ 36,202

by github

Process media files (video, audio, images, documents) using Transloadit. Use when asked to encode video to HLS/MP4, generate thumbnails, resize or watermark images, extract audio, concatenate clips, add subtitles, OCR documents, or run any media processing pipeline. Covers 86+ processing robots for file transformation at scale.

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.Access detailsSetup details
github avatar

web-design-reviewer

✓★ 36,202

by github

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues. Triggers on requests like "review website design", "check the UI", "fix the layout", "find design problems". Detects issues with responsive design, accessibility, visual consistency, and layout breakage, then performs fixes at the source code level.

AI impact score: 4 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
openai avatar

figma

✓★ 23,283

by openai

Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code. Trigger when a task involves Figma URLs, node IDs, design-to-code implementation, or Figma MCP setup and troubleshooting.

AI impact score: 4 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
openai avatar

figma-code-connect-components

✓★ 23,283

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 this component", "link component to code", "create code connect mapping", or wants to establish mappings between Figma designs and code implementations. For canvas writes via `use_figma`, use `figma-use`.

AI impact score: 3 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
openai avatar

imagegen

✓★ 23,283

by openai

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG/vector/code-native assets, extending an established icon or logo system, or building the visual directly in HTML/CSS/canvas.

AI impact score: 4 out of 5 for usefulness, based on documentation; the AI did not install or run the tool. See “Impact rating (1–5)” on the “How to read ratings & labels” page.FreeInstallation
PreviousPage 6 of 12Next