Design AI agent skills

3,804 skills in the archive. Read a skill’s instructions or open its original repository.

• Openbot Site Hosting

  by @nightly-labs

  Build, publish, replace, list, and delete small static websites hosted by OpenBot. Use when the user asks to host or manage a site on openbot.site.

• Web Asset Generator

  by @alonw0

  Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn. Use when users need icons, favicons, social sharing images, or Open Graph images…

• Shiny Bslib

  by @posit-dev

  Build modern Shiny dashboards and applications using bslib (Bootstrap 5). Use when creating new Shiny apps, modernizing legacy apps (fluidPage, fluidRow/column, tabsetPanel, wellPanel, shinythemes), or working with bslib page…

• Editorial Card Screenshot

  by @shaom

  Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when the user provides text or core information and wants: (1) a complete…

• Brand Yml

  by @posit-dev

  Create and use brand.yml files for consistent branding across Shiny apps and Quarto documents. Covers: (1) Creating new _brand.yml files, (2) Applying to Shiny (R and Python), (3) Using in Quarto, (4) Modifying existing files,…

• Article Poster

  by @MagicCube

  Generate a beautifully designed infographic poster from an article URL or text content. Trigger when user says "article poster", "文章海报", "infographic", "信息图", "make a poster", "生成海报", "visual summary", or requests to convert an…

• Shiny Bslib Theming

  by @posit-dev

  Advanced theming for Shiny apps using bslib and Bootstrap 5. Use when customizing app appearance with bs_theme(), Bootswatch themes, custom colors, typography, brand.yml integration, Bootstrap Sass variables, custom Sass/CSS…

• Ecom Shot

  by @MagicCube

  Generate Nano Banana Pro (Gemini 3 Pro Image) prompts for e-commerce product photography. Given a user-uploaded product photo, this skill identifies the main subject, asks the user to choose a scene type, then outputs a…

• Maintainer Decline

  by @posit-dev

  Guide for drafting issue closure and decline responses as an open-source package maintainer. Use when helping compose a reply that says "no" to a feature request, closes an issue as won't-fix, redirects a user to a different…

• Glassify Ui

  by @MagicCube

  Transform a UI screenshot into a structured Cinema4D/Octane JSON render prompt for photorealistic 3D poster art. Use this skill whenever the user uploads a UI screenshot (app, website, tool, dashboard) and wants a Cinema4D…

• 06 Product Brief

  by @ai-driven-dev

  Produces a concise Product Brief before requirements. Use when the user wants to frame or revisit a product opportunity and how it will be validated. Not for requirements, technical design, or planning.

• Unslop Ui

  by @JCarterJohnson

  Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default. It does not impose a look or hand you taste. It removes tells (default…

• Migrating To Modifier Node

  by @skydoves

  Use this skill to author new custom Jetpack Compose modifiers and migrate legacy ones from Modifier.composed { } to Modifier.Node + ModifierNodeElement<T>. Covers the persistent-node lifecycle (onAttach, onDetach, onReset,…

• 01 Hello

  by @ai-driven-dev

  Smoke-test that confirms the aidd-ui plugin loads. Use when the user wants to verify the alpha aidd-ui plugin is installed and reachable. Not for real UI or UX design work.

• Spec Graph

  by @JetBrains

  Use when locating, reading, creating, updating, or validating project specs, or when work is governed by or may alter a documented boundary, contract, invariant, behavior, or architecture decision.

• Asking User Questions

  by @JetBrains

  Use when composing an ask_user_question round inside a workflow, or when a workflow skill names it at a question step. Shared norms for the tool — not a workflow, nothing to execute.

• Infographic

  by @claude-office-skills

  Design infographic layouts and content structure. Plan visual storytelling with data, icons, and text hierarchy for impactful information design.

• Image Generation

  by @claude-office-skills

  Create effective AI image generation prompts for DALL-E, Midjourney, and Stable Diffusion. Generate prompts for various styles and use cases.

• News Monitor

  by @claude-office-skills

  Set up news monitoring strategies, analyze news coverage, and synthesize current events. Create news digests and media analysis reports.

• Facebook/Meta Ads

  by @claude-office-skills

  Automate Facebook and Instagram advertising campaigns, audience targeting, and performance optimization

• Brand Guidelines Generator

  by @claude-office-skills

  Create and maintain brand style guides for consistent visual identity

• Invoice Template

  by @claude-office-skills

  Generate professional PDF invoices from templates

• Openai Screenshot

  by @trailofbits

  Use when the user explicitly asks for a desktop or system screenshot (full screen, specific app or window, or a pixel region), or when tool-specific capture capabilities are unavailable and an OS-level capture is needed.…

• React Pdf

  by @trailofbits

  Generates PDF documents using the React-PDF library (@react-pdf/renderer) with TypeScript and JSX. Use when creating PDFs, generating reports, invoices, forms, resumes, or any document that needs flexbox layout, SVG graphics,…

• Openai Pdf

  by @trailofbits

  Use when tasks involve reading, creating, or reviewing PDF files where rendering and layout matter; prefer visual checks by rendering pages (Poppler) and use Python tools such as `reportlab`, `pdfplumber`, and `pypdf` for…

• Demo Studio

  by @tryproduck

  Build a premium, fully-animated PRODUCT-DEMO / launch motion-graphics video from a written brief about your product — the "one seamless film" style: scene-by-scene motion graphics with camera moves, real UI mockups, and full…

• Serenity Unified Skill

  by @yux1azhengye

  Serenity 供应链卡点投资统一框架 v3.0。整合 10 个 GitHub 仓库精华， 含九步工作流、好卡点判据、防幻觉机制、A 股/美股/全球市场适配。 触发词: "/serenity"、"用 Serenity 的方式看"、"供应链/卡点/瓶颈分析"

• Scroll World Video

  by @KubeezMedia

  Kubeez's own skill for building an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand, generated end-to-end on the Kubeez platform. As the visitor scrolls, a pre-rendered camera flies…

• Taste

  by @tryproduck

  Use when improving the visual taste, positioning, polish, trust, and conversion clarity of a website or product UI. Runs a category-first visual audit, applies a decisive design pass, and verifies the result with screenshots…

• Produck Feedback

  by @tryproduck

  Use when acting on real user feedback — you have a Produck feedback ticket or URL, or the user wants to fix something users complained about or build a feature users asked for. Pulls full feedback context through the Produck MCP…

• Agent Backend Patterns

  by @Dokhacgiakhoa

  Master backend logic, APIs, and microservices architectures. Covers REST, GraphQL, caching, and database transactions.

• Agent Frontend Patterns

  by @Dokhacgiakhoa

  Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

• Figma.Enumerate Component Urls

  by @coinbase

  Enumerates every public component set in a CDS Figma file and produces a list of [Component Name]: [Figma URL] entries grouped by page section. Use this skill whenever asked to list, generate, or audit Figma component URLs,…

• Feature Planner

  by @coinbase

  A guided workflow for non-technical contributors (designers, PMs) to describe a feature idea and produce a detailed technical implementation plan for an engineer. Invoke manually with /feature-planner.

• Swiftui Best Practices

  by @coinbase

  USE THIS when migrating a CDS React Native component to native iOS, or when writing or reviewing SwiftUI in packages/cds-ios or apps/ios-gallery. Covers rewrite patterns (Style vs SwiftUI API vs CDS view), RN visual spec (not…

• Git.Detect Breaking Changes

  by @coinbase

  Analyzes the previous N commits for breaking changes across the CDS public API surface. Use this skill when you need to check if any recent changes will cause breaking changes in the CDS public API surface.

• Ktlo

  by @coinbase

  Instructions to fetch assigned Linear issues in the current cycle and potentially kick off a development session.

• Dev.Cds Web

  by @coinbase

  USE THIS when asked to work on a new or existing (WEB) CDS React component in packages/web

• Components.Best Practices

  by @coinbase

  Use this skill whenever working on CDS React components in any package.

• Cds Code

  by @coinbase

  Provides a workflow for building and reviewing high-quality React and React Native UI with the Coinbase Design System (CDS). Use this skill to create UI or make visual changes to existing UI with CDS components, tokens, style…

• Cds Accessibility

  by @coinbase

  Reviews already-written Coinbase Design System (CDS) UI for accessibility: verifying documented accessibility props (e.g. accessibilityLabel, accessibilityState), confirming the chosen CDS primitives cover the right assistive…

• Cds Design To Code

  by @coinbase

  Turn Figma designs into CDS React (cds-web) or React Native (cds-mobile) code. Use when the user shares a Figma design URL (e.g. `figma.com/design/...?node-id=...`) or asks to "implement this design" or "build this from Figma"…

• Analyze Constraints Readiness

  by @yogsoth-ai

  Characterize what blocks a research target: readiness dimensions, obstacles, bottlenecks, resource gaps, causal constraints, dependencies, conflicts, removability, and mitigation pathways. Depth selects lightweight triage,…

• Assess Sensitivity

  by @yogsoth-ai

  Perturb a specified input, assumption, model choice, analysis choice, or weight and measure sensitivity of a specified output; report convergence/instability, unstable regions, and dominant drivers.

• Analyze Experiment Results

  by @yogsoth-ai

  Interpret completed experimental outputs after host/runtime execution using pre-declared statistical tests, effect/uncertainty estimates, reproducibility checks, and calibrated synthesis.

• Construct Argument Map

  by @yogsoth-ai

  Atomize claims, expose premises and counterclaims, attach evidence/defeaters, score claim strength, and construct an inspectable argument graph independent of storage format.

• Construct Causal Model

  by @yogsoth-ai

  Construct and validate an explicit causal model with measurable variables, mechanism edges, evidence links, feedback loops, interventions, counterevidence, and confidence.

• Build Domain Ontology

  by @yogsoth-ai

  Construct a tool-independent domain ontology: scope the domain, atomize concepts, type relations, build hierarchy, audit consistency, detect gaps, and refine confidence.

• Decompose Global Sensitivity

  by @yogsoth-ai

  Estimate global main effects and interactions across uncertain inputs using screening/decomposition methods such as Morris→Sobol or an equivalent supplied method.

• Audit Study Validity

  by @yogsoth-ai

  Audit a study against an appropriate methodological-quality and risk-of-bias rubric; return domain-level judgments, evidence, and overall confidence.

• Analyze Future Scenarios

  by @yogsoth-ai

  Construct and compare plausible future/competitive/temporal/stress scenarios and test whether the research path remains robust across them.

• Analogical Discovery

  by @yogsoth-ai

  Abstract relational structure from source domains, map it to the target, validate depth, and instantiate transferable mechanisms.

• Assess Publication Bias

  by @yogsoth-ai

  Assess or plan tests for publication/reporting/time-lag/citation/language bias using appropriate diagnostics.

• Construct Evidence Network

  by @yogsoth-ai

  Construct a network-meta-analysis evidence graph and evaluate connectivity/transitivity prerequisites.

• Decompose Research Question

  by @yogsoth-ai

  Decompose a complex RQ into MECE subquestions, map dependencies, and schedule the answering order.

• Decompose Components

  by @yogsoth-ai

  Decompose a system into components/functions and record dependencies relevant to transformation.

• Stage Compose

  by @Orkas-AI

  Authoring knowledge for Orkas/OVS HTML video compositions -- write an index.html, drive animation from a paused timeline, declare canvas + duration, then run the VideoStudio draft gate to render an mp4. Trigger for explainer /…

• Frontend Design

  by @Orkas-AI

  Aesthetic direction for OrkasVideoStudio HTML and motion-graphics compositions. Use before stage-compose writes composition-manifest.json art_direction and index.html to choose a subject-specific visual point of view, type,…

• Video Craft

  by @Orkas-AI

  The craft standard that makes a video GOOD, not just rendered — hooks, story pacing, visual hierarchy, type & safe zones, motion/easing, captions, audio mix, platform conventions, shot language, generation-prompt writing, and a…

• Video Router

  by @Orkas-AI

  Read this FIRST on any video-production request to pick and lock the line — generate (AI footage), compose (designed HTML), edit (cut real footage), or AUTO end-to-end. Trigger when classifying a brief and committing to a…

• Orchestration

  by @Orkas-AI

  The master program for producing or editing a video end to end — read this at the START of any video task (after video-router), then follow the gates and the per-line steps. Trigger for "make / edit / cut / caption / dub /…

• Composition Design Review

  by @Orkas-AI

  Design review layer for OrkasVideoStudio COMPOSE previews and drafts. Review the complete snapshot index and inspect the cover and risky frames at full size before showing a visual preview. Return one complete, actionable repair…

• Design System Importer

  by @Orkas-AI

  Reference-media and design-system input layer for OrkasVideoStudio. Treat reference images, videos, screenshots, brand guides, and design notes uniformly, compiling reproduce/edit/guide intent into executable spatial and…

• Better Icons

  by @mxyhi

  Use when working with icons in any project. Provides CLI for searching 200+ icon libraries (Iconify) and retrieving SVGs. Commands: `better-icons search <query>` to find icons, `better-icons get <id>` to get SVG. Also available…

• Anthropic Pptx

  by @davekilleen

  Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or…

• Anthropic Web Artifacts Builder

  by @davekilleen

  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…

• Anthropic Frontend Design

  by @davekilleen

  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,…

• Anthropic Brand Guidelines

  by @davekilleen

  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…

• Decision Log

  by @davekilleen

  Capture an important decision with its context, options, rationale, and review date, then find it again when it matters.

• Qe Visual Accessibility

  by @proffesor-for-testing

  Captures and compares screenshots across viewports, runs axe-core accessibility scans, and detects visual regressions with pixel-diff analysis. Use when detecting UI regressions, validating responsive layouts, testing WCAG…

• Compatibility Testing

  by @proffesor-for-testing

  Cross-browser, cross-platform, and cross-device compatibility testing ensuring consistent experience across environments. Use when validating browser support, testing responsive design, or ensuring platform compatibility.

• Bwfc Custom Control Migration

  by @FritzAndFriends

  Migrate custom ASP.NET Web Forms server controls (WebControl, CompositeControl) to Blazor using BlazorWebFormsComponents. Covers RenderContents/HtmlTextWriter preservation, TagKey mapping, AddAttributesToRender,…

• Frontend Enhancer

  by @ailabs-393

  This skill should be used when enhancing the visual design and aesthetics of Next.js web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. Use this skill for tasks…

• Seo Optimizer

  by @ailabs-393

  This skill should be used when analyzing HTML/CSS websites for SEO optimization, fixing SEO issues, generating SEO reports, or implementing SEO best practices. Use when the user requests SEO audits, optimization, meta tag…

• Brand Analyzer

  by @ailabs-393

  This skill should be used when the user requests brand analysis, brand guidelines creation, brand audits, or establishing brand identity and consistency standards. It provides comprehensive frameworks for analyzing brand…

• Sap Sac Custom Widget

  by @secondsky

  SAP Analytics Cloud (SAC) Custom Widget development. Use when building custom visualizations, extending SAC with Web Components, or creating Widget Add-Ons. Covers JSON metadata, JavaScript Web Components, lifecycle functions,…

• Sap Btp Build Work Zone Advanced

  by @secondsky

  Develops and administers SAP Build Work Zone, advanced edition digital workplace solutions. Use when creating workspaces, workpages, and collaborative sites, developing UI Integration Cards in SAP Business Application Studio,…

• Sap Bw Query

  by @secondsky

  Use when automating SAP BW query inspection, InfoProvider metadata reads (characteristics, key figures), metadata-verified specification review, unsaved draft preparation, or human-confirmed query draft population through…

• Insurgent Campaign

  by @bencium

  Grassroots-first campaign design for anyone being outspent — startups vs. incumbents, NGOs vs. corporate comms, movements vs. state-backed machines, solo brands vs. big-budget competitors. Ideates awareness, launch, fundraising,…

• Bencium Innovative Ux Designer

  by @bencium

  Develop an independent visual language and turn the human-chosen direction into a production-ready graphic, brand, campaign, publication, web, or product system. Use when originality and differentiation matter enough to escape…

• Bencium Controlled Ux Designer

  by @bencium

  Expert UI/UX design guidance for unique, accessible interfaces. Use for visual decisions, colors, typography, layouts. Always ask before making design decisions. Use this skill when the user asks to build web components, pages,…

• Bencium Impact Designer

  by @bencium

  Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI…

• Ui Typography

  by @bencium

  Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. Enforces timeless typographic correctness that LLMs consistently get wrong: proper quote marks, dashes, spacing,…

• Design Audit

  by @bencium

  Premium UI/UX design audit and refinement skill. Conducts systematic visual audits of existing apps and produces phased, implementation-ready design plans. Use this skill whenever the user asks to audit a UI, improve an app's…

• Tamagui Best Practices

  by @aiskillstore

  Use when working with Tamagui projects (tamagui.config.ts, @tamagui imports).

• Rest Patterns

  by @aiskillstore

  Quick reference for RESTful API design patterns, HTTP semantics, caching, and rate limiting. Triggers on: rest api, http methods, status codes, api design, endpoint design, api versioning, rate limiting, caching headers.

• Web Fetch

  by @aiskillstore

  Fetches web content as clean markdown by preferring markdown-native responses and falling back to selector-based HTML extraction. Use for documentation, articles, and reference pages at http/https URLs.

• Tailwind Patterns

  by @aiskillstore

  Quick reference for Tailwind CSS utility patterns, responsive design, and configuration. Triggers on: tailwind, utility classes, responsive design, tailwind config, dark mode css, tw classes.

• Zero To Launch

  by @menkesu

  Guides Claude from idea to working prototype using frameworks from OpenAI, Figma, and Airbnb. Use when starting new product features, planning MVP scope, making build-vs-buy decisions, or guiding users from concept to shippable…

• Design First Dev

  by @menkesu

  Follows Airbnb's design-led development and Figma's craft quality standards. Use when building user-facing features, making UI/UX decisions, determining when details matter, or applying design system thinking. Guides when to…

• Quality Speed

  by @menkesu

  Decides when quality matters vs move fast, based on Dylan Field (Figma) craft philosophy and Brian Chesky (Airbnb) details obsession. Use when balancing shipping speed with excellence, deciding if refactoring is needed, or…

• Ai Startup Building

  by @menkesu

  Builds AI-native products using Dan Shipper's 5-product playbook and Brandon Chu's AI product frameworks. Use when implementing prompt engineering, creating AI-native UX, scaling AI products, or optimizing costs. Focuses on…

• Culture Craft

  by @menkesu

  Designs team culture and sets standards of excellence using David Singleton (Stripe) and Dharmesh Shah (HubSpot) frameworks. Use when building teams, setting cultural values, creating rituals, or establishing excellence standards.

• Confident Speaking

  by @menkesu

  Structures presentations and verbal pitches using Matt Abrahams' WHAT-SO WHAT-NOW WHAT framework and impromptu speaking techniques. Use when preparing presentations, creating talking points, or practicing difficult conversations.

• Strategy Frameworks

  by @menkesu

  Creates product strategies using Crossing the Chasm, Playing to Win, and strategic canvas frameworks. Use when defining where to play and how to win, choosing beachhead markets, or connecting tactics to strategy.

• Alex Hormozi Pitch

  by @Microck

  Create irresistible offers and pitches using Alex Hormozi's methodology from $100M Offers. Guides through value equation, guarantee frameworks, pricing psychology, and creating offers "too good not to take" for any product or…

• Applying Brand Guidelines

  by @Microck

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

• Document Design

  by @jamditis

  Creates print-ready HTML that exports to PDF. Use to make a proposal, report, one-pager, newsletter, slides, or flyer.

• Pdf Design

  by @jamditis

  Designs PDF reports and proposals from HTML with previews and branding. Use to create, export, or securely upload a PDF.

• Web Ui Best Practices

  by @jamditis

  Signs of taste in web UI. Use when building or reviewing web interfaces, dashboards, SaaS apps, or internal tools.