Labsco

Agent Skills

Instruction packs that give your AI agent know-how. Three different kinds — pick the right one below.

mcp-use · Design

449 standalone skills
github logo

premium-frontend-ui

36,202

by github

A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.

🔥🔥🔥✓ VerifiedFreeQuick setup
github logo

md-to-docx

36,202

by github

Convert Markdown files to professionally formatted Word (.docx) documents with embedded PNG images — pure JavaScript, no external tools required

🔥🔥🔥✓ VerifiedFreeNeeds API keys
github logo

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.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
github logo

github-copilot-starter

36,202

by github

Set up complete GitHub Copilot configuration for a new project based on technology stack

🔥🔥🔥✓ VerifiedFreeAdvanced setup
github logo

typespec-create-agent

36,202

by github

Generate a complete TypeSpec declarative agent with instructions, capabilities, and conversation starters for Microsoft 365 Copilot

🔥🔥🔥✓ VerifiedFreeQuick setup
github logo

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.

🔥🔥🔥✓ VerifiedAccount requiredNeeds API keys
github logo

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:

🔥🔥🔥✓ VerifiedFreeNeeds API keys
anthropics logo

pitch-deck

33,111

by anthropic

Populates investment banking pitch deck templates with data from source files. Use when: user provides a PowerPoint template to fill in, user has source data (Excel/CSV) to populate into slides, user mentions populating or filling a pitch deck template, or user needs to transfer data into existing slide layouts. Not for creating presentations from scratch.

🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

dcf-model

33,111

by anthropic

Real DCF (Discounted Cash Flow) model creation for equity valuation. Retrieves financial data from SEC filings and analyst reports, builds comprehensive cash flow projections with proper WACC calculations, performs sensitivity analysis, and outputs professional Excel models with executive summaries. Use when users need to value a company using DCF methodology, request intrinsic value analysis, or ask for detailed financial modeling with growth projections and terminal value calculations.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

variance-commentary

33,111

by anthropic

Write flux commentary for every P&L and balance-sheet line over threshold — current vs prior period and vs budget, with the driver explained from underlying activity. Use for the month-end close package and management reporting.

🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

figma-use

23,283

by openai

**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to propertie

🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

figma-implement-design

23,283

by openai

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

figma-generate-library

23,283

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 up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

figma-generate-design

23,283

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', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code'. This is the preferred workflow skill whenever the user wants to build or update a full page, screen, or view in Figma from code or a description. Disco

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

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

🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

figma-create-new-file

23,283

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. Handles plan resolution via whoami if needed. Usage — /figma-create-new-file [editorType] [fileName] (e.g. /figma-create-new-file figjam My Whiteboard)

🔥🔥✓ VerifiedFreeQuick setup
openai logo

figma-create-design-system-rules

23,283

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 rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.

🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

chatgpt-apps

23,283

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, register UI resources, wire the MCP Apps bridge or ChatGPT compatibility APIs, apply Apps SDK metadata or CSP or domain settings, or produce a docs-aligned project scaffold. Prefer a docs-first workflow by invoking the openai-docs skill or OpenAI developer docs MCP tools before generating code.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
openai logo

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.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

accessibility-review

22,378

by anthropic

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

review-contract

22,378

by anthropic

Review a contract against your organization's negotiation playbook — flag deviations, generate redlines, provide business impact analysis. Use when reviewing vendor or customer agreements, when you need clause-by-clause analysis against standard positions, or when preparing a negotiation strategy with prioritized redlines and fallback positions.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

write-spec

22,378

by anthropic

Write a feature spec or PRD from a problem statement or feature idea. Use when turning a vague idea or user request into a structured document, scoping a feature with goals and non-goals, defining success metrics and acceptance criteria, or breaking a big ask into a phased spec.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

system-design

22,378

by anthropic

Design systems, services, and architectures. Trigger with "design a system for", "how should we architect", "system design for", "what's the right architecture for", or when the user needs help with API design, data modeling, or service boundaries.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

design-system

22,378

by anthropic

Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.

🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

discover-brand

22,378

by anthropic

This skill orchestrates autonomous discovery of brand materials across enterprise platforms (Notion, Confluence, Google Drive, Box, SharePoint, Figma, Gong, Granola, Slack). It should be used when the user asks to "discover brand materials", "find brand documents", "search for brand guidelines", "audit brand content", "what brand materials do we have", "find our style guide", "where are our brand docs", "do we have a style guide", "discover brand voice", "brand content audit", or "find brand ass

🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

triage-nda

22,378

by anthropic

Rapidly triage an incoming NDA and classify it as GREEN (standard approval), YELLOW (counsel review), or RED (full legal review). Use when a new NDA arrives from sales or business development, when screening for embedded non-solicits, non-competes, or missing carveouts, or when deciding whether an NDA can be signed under standard delegation.

🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

design-handoff

22,378

by anthropic

Generate developer handoff specs from a design. Use when a design is ready for engineering and needs a spec sheet covering layout, design tokens, component props, interaction states, responsive breakpoints, edge cases, and animation details.

🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

design-critique

22,378

by anthropic

Get structured design feedback on usability, hierarchy, and consistency. Trigger with "review this design", "critique this mockup", "what do you think of this screen?", or when sharing a Figma link or screenshot for feedback at any stage from exploration to final polish.

🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

ux-copy

22,378

by anthropic

Write or review UX copy — microcopy, error messages, empty states, CTAs. Trigger with "write copy for", "what should this button say?", "review this error message", or when naming a CTA, wording a confirmation dialog, filling an empty state, or writing onboarding text.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
anthropics logo

financial-statements

22,378

by anthropic

Generate financial statements (income statement, balance sheet, cash flow) with period-over-period comparison and variance analysis. Use when preparing a monthly or quarterly P&L, closing the books and need to flag material variances, comparing actuals to budget, building a financial summary for leadership review, or looking up GAAP presentation requirements and period-end adjustments.

🔥🔥🔥🔥✓ VerifiedFreeQuick setup
← PrevPage 7 of 15Next →