Design AI agent skills

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

• Anim Pulse

  by @nexu-io

  Pulse — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

• Anim Shake

  by @nexu-io

  Shake — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

• Anim Swing

  by @nexu-io

  Swing — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

• Anim Flip

  by @nexu-io

  Flip — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

• Anim Tada

  by @nexu-io

  Tada — a drop-in CSS keyframe animation from Animate.css (Hippocratic-2.1, © Daniel Eden). No JS required. Honors prefers-reduced-motion. Use restrained; attribute Animate.css.

• Maker Council

  by @coreyhaines31

  When you want multiple expert perspectives on a founder/operator question — a simulated board of advisors (Jason Fried, Elon Musk, Jeff Bezos, Jensen Huang, Bob Iger, Paul Graham, Naval Ravikant, Sara Blakely). Bring a real…

• P5js

  by @taracodlabs

  Generative visual art and sketches in p5.js (self-contained HTML)

• Using Ui Stack

  by @spencerpauly

  Enforce a configuration-driven design system when generating UI. Ensures consistent spacing, colors, typography, dark mode, interactions, and accessibility across all AI-generated components.

• Converting Css To Tailwind

  by @spencerpauly

  Convert plain CSS stylesheets to Tailwind CSS utility classes. Handles selectors, media queries, pseudo-classes, custom properties, and animations.

• Comparing Branches Visually

  by @spencerpauly

  Check out two branches in separate worktrees, start both dev servers on different ports, screenshot the same pages, and produce a visual diff.

• Corroboration Skill Builder

  by @GarethManning

  Build students' capacity to compare accounts across multiple historical sources — identifying agreements, contradictions, and gaps. Use when students treat individual documents as complete answers rather than partial perspectives.

• Sourcing Skill Builder

  by @GarethManning

  Build students' capacity to interrogate a historical source before reading — asking who authored it, when, why, and what this means for reliability. Use when students read documents without attending to authorship.

• Ai Expertise Interrogation Designer

  by @GarethManning

  Design a Funhouse Mirror activity where students use their own domain expertise to detect AI distortions, omissions, and overconfidence. Use when students know a subject well enough to evaluate AI claims about it.

• Game Build

  by @zenstory-ai

  Build a risk-matched whitebox or the approved production game for its target runtime. Turn GAME_DESIGN, and ART_DIRECTION when production begins, into a minimal BUILD_BRIEF and a runnable candidate that can be iterated with…

• Game World Design

  by @zenstory-ai

  Design game experience, systems, and levels. Converge the chosen concept into one GAME_DESIGN defining the player promise, core loop, how the world responds, the systems actually needed, level pacing, feedback, failure, and a…

• Game Art Direction

  by @zenstory-ai

  Direct game art and creative vision. Turn GAME_DESIGN into ART_DIRECTION defining a recognizable visual identity, functional visual and audio feedback, and key in-game moments. Use for what should the game look like, set the art…

• Vibefigma

  by @vibeflowing-inc

  Convert Figma designs to production-ready React components with Tailwind CSS. Use when user provides a Figma URL, asks to convert Figma designs to React/code, wants to extract components from Figma, or mentions "vibefigma".…

• Hue

  by @dominikmartn

  Meta-skill that generates new design language skills. Works on Claude Code and Codex. Use when the user says 'create a design skill', 'generate design language', 'new design system skill', 'design skill inspired by X', 'design…

• Developing With Turbo Streams

  by @hotwired-laravel

  Develops with Turbo Streams for partial page updates and real-time broadcasting. Activates when using turbo_stream() or turbo_stream_view() helpers; working with stream actions like append, prepend, replace, update, remove,…

• Temps Design System

  by @gotempsh

  Classify a console screen (list/record/form), build it on @temps-sdk/ds templates and the shared shadcn primitives in @temps-sdk/ui, and follow the console's status vocabulary and status colour rules. Use for any new or changed…

• Strix•Katana 用法

  by @asdfgh1445

  Strix Katana 爬虫命令手册,覆盖深度、JS 抓取与稳定并发控制;触发名:strix-katana

• Strix•XSS 测试

  by @asdfgh1445

  Strix XSS 测试手册,覆盖反射型、存储型、DOM 型向量与 CSP 绕过;触发名:strix-xss

• Bevy Animation Graph

  by @thedivergentai

  Docs-first stub for Bevy animation blending. Godot counterpart: godot-animation-tree-mastery. Keywords: Bevy, AnimationGraph, blend, AnimationGraphHandle, AnimationNodeType.

• Bevy State Machines

  by @thedivergentai

  Docs-first stub for Bevy app states and per-entity state data. Godot counterpart: godot-state-machine-advanced. Not a full port. Keywords: Bevy, States, NextState, OnEnter.

• Bevy Animation

  by @thedivergentai

  Docs-first stub for Bevy animation playback. Godot counterpart: godot-animation-player. Keywords: Bevy, AnimationPlayer, AnimationClip, AnimationPlugin, animate_targets.

• Bevy Spatial Queries

  by @thedivergentai

  Docs-first stub for Bevy spatial queries. Godot counterpart: godot-raycasting-queries. Not a full port. Keywords: Bevy, raycast, shapecast, picking, physics query, gaps.

• Bevy Save Load

  by @thedivergentai

  Docs-first stub for Bevy persistence boundaries. Godot counterpart: godot-save-load-systems. Not a full port. Keywords: Bevy, save, Resource, Scene, AssetServer, gaps.

• Bevy Ai Navigation

  by @thedivergentai

  Docs-first stub for Bevy AI navigation policy. Godot counterpart: godot-ai-navigation. Not a full port. Keywords: Bevy, AI, chase, patrol, navigation, ECS, gaps.

• Bevy 2d Animation

  by @thedivergentai

  Docs-first stub for Bevy 2D sprite animation. Godot counterpart: godot-2d-animation. Keywords: Bevy, sprite, animation, AnimationPlayer, AnimationClip, 2D.

• Bevy Adapt 2d To 3d

  by @thedivergentai

  Docs-first stub for moving a Bevy game from 2D to 3D. Godot counterpart: godot-adapt-2d-to-3d. Keywords: Bevy, 2D, 3D, adapt, camera, sprite.

• Bevy Adapt 3d To 2d

  by @thedivergentai

  Docs-first stub for moving a Bevy game from 3D to 2D. Godot counterpart: godot-adapt-3d-to-2d. Keywords: Bevy, 3D, 2D, adapt, sprite, camera.

• Bevy Ui Layout

  by @thedivergentai

  Docs-first stub for Bevy UI layout. Godot counterpart: godot-ui-containers. Keywords: Bevy, UI, Node, Flexbox, BackgroundColor, Button.

• Bevy Genre Platformer

  by @thedivergentai

  Thin Bevy genre router for Platformer. Godot counterpart: godot-genre-platformer. Keywords: Bevy, Platformer, genre, ECS, router.

• Bevy Platform Web

  by @thedivergentai

  Docs-first stub for Bevy web and Wasm. Godot counterpart: godot-platform-web. Keywords: Bevy, wasm, web, webgl2, webgpu, browser.

• Bevy Ability System

  by @thedivergentai

  Docs-first stub for Bevy abilities. Godot counterpart: godot-ability-system. Keywords: Bevy, ability, cooldown, ECS, gameplay.

• Bevy Tweening

  by @thedivergentai

  Docs-first stub for Bevy tween and juice. Godot counterpart: godot-tweening. Keywords: Bevy, tween, juice, curve, gaps, ECS.

• Bevy Genre Fighting

  by @thedivergentai

  Thin Bevy genre router for Fighting. Godot counterpart: godot-genre-fighting. Keywords: Bevy, Fighting, genre, ECS, router.

• Web Upload Rce

  by @s0ld13rr

  File-upload abuse to code execution for web apps. Use when the app accepts a file (avatar, document, image, import, attachment) and you can influence name/type/content, or find where uploads land. Triggers - multipart upload…

• China Ppt Template Creator

  by @jwangkun

  Create PowerPoint templates for A-share investment presentations. Adapts the original ppt-template-creator skill for Chinese business presentation standards and firm branding. Triggers on "A股PPT模板", "投资PPT模板", "create ppt…

• Pptx Generator

  by @coleam00

  Generate and edit presentation slides as PPTX files. Also create LinkedIn carousels and manage reusable slide layouts. TRIGGERS - Use this skill when user says: - "create slides for [brand]" / "generate presentation for [brand]"…

• Brand Voice Generator

  by @coleam00

  Generate tone-of-voice and brand-system files for use with the PPTX Generator and other brand-aware skills. TRIGGERS - Use this skill when user says: - "help me create a brand system" / "set up my brand" - "generate my tone of…

• Implement Ag Playbook

  by @AgnosticUI

  Implement a playbook from its PROMPT specification files. Supports both single-framework (PROMPT-REACT.md, etc.) and 3-framework (PROMPT-3-FRAMEWORKS.md) modes.

• Implement Github Feature

  by @AgnosticUI

  Design and implement a new feature or component from a GitHub issue. Use for net-new functionality, not bug fixes.

• Update Component Docs

  by @AgnosticUI

  Update component documentation when code changes

• Check Accessibility

  by @AgnosticUI

  Review component for accessibility issues

• Explain Code

  by @AgnosticUI

  Explain what code does in plain English

• Unknown

  by @team-attention

  This skill should be used when the user provides a strategy, plan, or decision document and wants to surface hidden assumptions and blind spots using the Known/Unknown 4-quadrant framework. Trigger on "known unknown", "4분면 분석",…

• Qrcode Vue

  by @scopewu

  Generate QR codes in Vue 3 apps with the qrcode.vue component library. Use this skill whenever the user wants to render, style, or download a QR code in Vue — including QR with a logo/image, gradient or rounded modules, SVG vs…

• Cc Design

  by @ZeroZ-lab

  High-fidelity HTML design and prototype creation. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML — including slide decks, interactive prototypes, landing pages, UI mockups,…

• Visiomaster

  by @Rss3208

  Windows-first Visio diagram reconstruction workflow for flowcharts, architecture diagrams, and paper-style module figures. Reuses ppt-master style analysis and composition discipline on the front half, but outputs editable Visio…

• Seo Aeo Audit

  by @warpdotdev

  Optimize for search engine visibility, ranking, and AI citations. Use when asked to improve SEO, optimize for search, fix meta tags, add structured data, or improve AEO and AI visibility.

• Wx Cli

  by @jackwener

  wx-cli — 从本地微信数据库查询聊天记录、联系人、会话、收藏等。用户提到微信聊天记录、联系人、消息历史、群成员、收藏内容时，使用此 skill 安装并调用 wx-cli。

• Jaspr Styling

  by @rodydavis

  Write type-safe CSS-in-Dart to style Jaspr components. Use this skill when styling components, implementing themes, or using CSS properties.

• Jaspr Convert Html

  by @rodydavis

  Use when you need to convert / rewrite existing HTML (from a file or url) into Jaspr code.

• Snaplii Cli

  by @Snaplii-Inc

  Agent-to-Merchant (A2M) payments — AI agents complete transactions without checkout, using Snaplii's pre-funded gift cards as a payment rail across 500+ brands. Use when the user wants to browse, buy, or manage gift cards, check…

• Rgthree

  by @artokun

  Configure and author rgthree-comfy nodes — Fast Groups Bypasser/Muter (group toggles), Power Lora Loader, Context/Context Big, Seed, Any Switch. Use when a workflow contains rgthree nodes, when asked to add stage/section toggles…

• Workflow Layout

  by @artokun

  Lay out and organize a ComfyUI workflow cleanly on the live panel canvas. Dependency-layered node placement with no overlaps, subgraphs, colored group boxes, and subgraph rail alignment. Use when asked to tidy / clean up /…

• Ideogram Ultra

  by @artokun

  Build Ideogram 4 (Ideogram Ultra) txt2img and img2img workflows with the local open-weights model, dual conditional/unconditional models with DualModelGuider, Qwen3-VL text encoder, and structured JSON ("compositional…

• Wan Scail Replacement

  by @artokun

  SCAIL-2 in-video character replacement on WAN 2.1. WanSCAILToVideo + SCAIL2ColoredMask + SAM3, the reference-image framing→scale rule, and the tuning/compositing pitfalls

• Gui Navigation

  by @A-EVO-Lab

  General GUI navigation patterns for desktop environments — finding elements, interacting with menus, and handling dialogs.

• 3d Essentials

  by @jame581

  Use when working with 3D-specific systems — materials, lighting, shadows, environment, global illumination, fog, LOD, occlusion culling, and decals in Godot 4.3+

• Animation System

  by @jame581

  Use when implementing animations — AnimationPlayer, AnimationTree, blend trees, state machines, sprite animation, and code-driven animation

• Particles Vfx

  by @jame581

  Use when implementing particle effects — GPUParticles2D/3D, ParticleProcessMaterial, emission shapes, subemitters, trails, attractors, collision, and common VFX recipes

• Gdscript Patterns

  by @jame581

  Use when writing GDScript — static typing, await/coroutines, lambdas, match patterns, export annotations, inner classes, and common idioms

• Shader Basics

  by @jame581

  Use when implementing shaders — Godot shader language, visual shaders, common visual recipes, and post-processing effects

• Godot Ui

  by @jame581

  Use when building user interfaces — Control nodes, themes, anchors, containers, and layout patterns

• 2d Essentials

  by @jame581

  Use when working with 2D-specific systems — TileMaps, parallax scrolling, 2D lights and shadows, canvas layers, particles 2D, custom drawing, and 2D meshes in Godot 4.3+

• Tween Animation

  by @jame581

  Use when implementing tweens — property animation, method tweening, chaining, parallel sequences, easing, and common UI/gameplay motion recipes

• Multiplayer Sync

  by @jame581

  Use when synchronizing multiplayer state — MultiplayerSynchronizer, interpolation, prediction, and lag compensation

• Responsive Ui

  by @jame581

  Use when handling multiple resolutions — stretch modes, aspect ratios, DPI scaling, and mobile/desktop adaptation

• Addon Development

  by @jame581

  Use when creating Godot editor plugins — EditorPlugin, @tool scripts, custom inspectors, and dock panels

• Camera System

  by @jame581

  Use when implementing cameras — smooth follow, screen shake, camera zones, and transitions for 2D and 3D

• Hud System

  by @jame581

  Use when building in-game HUDs — health bars, score displays, minimap, notifications, and damage numbers

• Ability System

  by @jame581

  Use when building character abilities — Resource-based abilities with cost/cooldown/cast, buffs/debuffs, stat modifiers, gameplay tags, and HUD binding

• Math Essentials

  by @jame581

  Use when implementing game math — vectors, transforms, interpolation, curves, random number generation, and common geometric recipes

• Assets Pipeline

  by @jame581

  Use when importing and managing assets — image compression, 3D scene import, audio formats, resource formats, and import configuration

• State Machine

  by @jame581

  Use when implementing state machines in Godot — enum-based, node-based, and resource-based FSM patterns with trade-offs

• Player Controller

  by @jame581

  Use when implementing player movement — CharacterBody2D/3D patterns, input handling, physics, common movement recipes

• Godot Grill

  by @jame581

  Use when a new Godot system or feature has open design decisions — interrogates them in batched rounds, scope first, each question with a recommended answer, and records the answers before any design or code. Triggers on "grill…

• Godot Project Setup

  by @jame581

  Use when creating a new Godot 4.x project — scaffolds recommended directory structure, project settings, autoloads, and .gitignore

• Scene Organization

  by @jame581

  Use when designing scene tree structure — composition vs inheritance, when to split scenes, node hierarchy patterns

• Component System

  by @jame581

  Use when building reusable node components — composition patterns, component communication, and interface design

• Improve Codebase Architecture

  by @AvdLee

  Find deepening opportunities in a codebase, informed by the domain language in CONTEXT.md and the decisions in docs/adr/. Use when the user wants to improve architecture, find refactoring opportunities, consolidate…

• Bioconductor Biovizbase

  by @bioMate-AI

  The biovizBase package is designed to provide a set of utilities, color schemes and conventions for genomic data. It serves as the base for various high-level packages for biological data visualization. This saves development…

• Bioconductor Kegggraph

  by @bioMate-AI

  KEGGGraph is an interface between KEGG pathway and graph object as well as a collection of tools to analyze, dissect and visualize these graphs. It parses the regularly updated KGML (KEGG XML) files into graph models maintaining…

• Bioconductor Ggtree

  by @bioMate-AI

  'ggtree' extends the 'ggplot2' plotting system which implemented the grammar of graphics. 'ggtree' is designed for visualization and annotation of phylogenetic trees and other tree-like structures with their annotation data.

• Director

  by @s1dashu

  导演并制作多类型视频，从创意、研究、剧本、视觉开发、人物与声音设计、分镜和生成 Prompt，一直推进到素材生成、任务追踪与交付。适用于 Storytime Animation、Animated Explainer 与 Cinematic Drama，三个 Mode 均已完成实际作品验证。尚未建立专属 Mode 的类型不得冒充已支持流程。

• Videoagent Image Studio

  by @pexoai

  Tired of juggling 8 API keys? This skill gives you one-command access to Midjourney, Flux, Ideogram, and more, with zero setup. Use when you want to generate any image without worrying about API keys.

• Menu Recipes

  by @asmyshlyaev177

  Recipes composed on the react-horizontal-scrolling-menu public API — NOT props: autoplay (setInterval + scrollNext gated on menuVisible), infinite loop/carousel (clone head/tail + scrollLeft teleport at seams), center on click…

• Menu Interactions

  by @asmyshlyaev177

  Wire mouse, wheel and touch input for react-horizontal-scrolling-menu: onWheel/onScroll are plain (api, event) => void callbacks, while ALL mouse/touch props (onMouseDown, onMouseUp, onMouseMove, onMouseLeave, onTouchStart,…

• Menu Transitions Rtl

  by @asmyshlyaev177

  Animate react-horizontal-scrolling-menu scrolling and build right-to-left menus: noPolyfill defaults to true since v8, so transitionDuration (default 500), a custom-easing-function transitionBehavior, and per-call ScrollOptions…

• Design Interface

  by @suleimanodetoro

  Design and implement deliberate product interfaces in an existing codebase or a new prototype. Use when asked to create a page, flow, component, landing page, dashboard, mobile-shaped web experience, design system surface, or to…

• Prepare Cloudflare Production Deployment

  by @LubomirGeorgiev

  Source-of-truth runbook for preparing this Vinext Cloudflare Workers SaaS template for production deployment. Use when setting up or auditing Cloudflare MCP resources, wrangler.jsonc bindings, Worker secrets, Turnstile, Email…

• Latex Document Skill

  by @ndpvt-web

  Universal LaTeX document skill: create, compile, and convert any document to professional PDF with PNG previews. Supports resumes, reports, cover letters, invoices, academic papers, theses/dissertations, academic CVs,…

• Talking Avatar

  by @buildfastwithai

  Build or transform lightweight realtime voice-chat apps with a talking character avatar from either a user-supplied photograph or a text description. Use when Codex is asked to create a talking avatar, photo avatar, character…

• Landing Page Generator

  by @buildfastwithai

  Generate high-converting landing pages as production-ready HTML with built-in design themes, copy frameworks (PAS, AIDA, BAB), CTA strategy, SEO meta, and automated conversion/speed audits. Use whenever the user wants a landing…

• AgentChat OneWeb

  by @ziwang-Physics

  Multi-provider CDP bridge with automatic fallback (Gemini->ChatGPT->Claude->Qwen->Kimi->MiniMax->Doubao->MiMo->DeepSeek). Use for AI provider failover, fallback chain, multi-provider routing, or "send to any available AI".…

• Html Game Generator

  by @buildfastwithai

  Build a complete, polished, production-quality browser game inside a single self-contained HTML file using only vanilla HTML, CSS and JavaScript — no frameworks, no libraries, no external assets. Use this skill whenever the user…

• React Screenshot Recreator

  by @buildfastwithai

  Recreate a UI screenshot, mockup, or design image as production-quality React + TypeScript + Tailwind code with near-pixel-perfect visual fidelity. Use this skill whenever the user shares an image of an interface and wants it…

• Crazy Ecommerce Builder

  by @buildfastwithai

  Build or transform ecommerce websites from loose company, product, or brand briefs into unconventional, brand-specific shopping experiences with original ImageGen product imagery. Use when a user asks for a crazy, wild,…