Design AI agent skills

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

• Muapi Rednote Cover

  by @SamurAIGPT

  Create a Xiaohongshu (RedNote/小红书) style cover image — vibrant, lifestyle-focused, with aesthetic typography overlay suitable for the Chinese social platform.

• Muapi Url To Design

  by @SamurAIGPT

  Analyze a website URL and generate a redesigned, improved UI — recreate the visual design with modern aesthetics, better hierarchy, and fresh brand direction.

• Muapi Interior Design

  by @SamurAIGPT

  Create professional interior design visualizations — redesign existing rooms, generate new room concepts, or visualize specific furniture styles in a space.

• Muapi Logo Branding

  by @SamurAIGPT

  Design a professional logo with full branding package — primary logo, variations (dark/light/icon-only), color palette, and real-world application mockups.

• Muapi Design Guide

  by @SamurAIGPT

  Create a comprehensive brand design guide — color palette, typography pairings, UI component previews, and visual identity rules with example mockups.

• Muapi Brochures

  by @SamurAIGPT

  Generate a professional multi-page brochure design — cover, inner spread, and back cover — for business, real estate, events, or product launches.

• Muapi Character Story Video

  by @SamurAIGPT

  Create a multi-part animated story video by first establishing a consistent character and then generating sequential scenes and animating them.

• Muapi Logo Generator

  by @SamurAIGPT

  Quickly generate a single polished logo for any brand — fast, focused, single output with clean vector aesthetic and accurate brand name text.

• Muapi Blog Header

  by @SamurAIGPT

  Create a professional, eye-catching blog post header image sized for web (1200×628) with optional title composition guidance.

• Muapi Cartoon Dance Animation

  by @SamurAIGPT

  Convert a photo of a person into a Pixar-style 3D cartoon character, then animate it using a reference dance or motion video.

• Muapi Product Showcase Video

  by @SamurAIGPT

  Create a dynamic product showcase with explosive ingredient arrangements, followed by a realistic motion animation.

• Muapi Youtube Thumbnail

  by @SamurAIGPT

  Design a high-CTR YouTube thumbnail — striking imagery, bold text placement, and emotional face/subject if needed.

• Muapi Brand Kit

  by @SamurAIGPT

  Generate a cohesive brand visual kit — logo concept, color palette moodboard, and typography pairing suggestions.

• Muapi Instagram Post

  by @SamurAIGPT

  Create a polished, on-brand Instagram post — square or portrait hero image with matching caption and hashtags.

• Muapi Jewelry Product Video

  by @SamurAIGPT

  Create a luxury jewelry advertisement with high-end commercial cinematography and detailed macro animation.

• Muapi 3d Logo Animation

  by @SamurAIGPT

  Transform a 2D logo into a premium 3D version and animate it with professional cinematic effects.

• Remotion Best Practices

  by @composio-community

  Use this skill when the user asks about creating videos with React, Remotion framework, programmatic video generation, video animations, or needs help with Remotion projects

• Visual Plan

  by @BuilderIO

  Turn ordinary text plans into rich interactive visual plans with diagrams, file maps, annotated code, open questions, and UI/prototype review when useful.

• Visual Edit

  by @BuilderIO

  Open a running local app in Design overview mode as URL-backed iframe screens for visual editing, flow review, duplication, and route-state exploration. Use when the user asks to inspect, compare, or edit a real local app…

• An

  by @BuilderIO

  Open and operate Agent-Native workspace apps through Dispatch MCP, with inline app surfaces, browser-session authentication, and current screen state.

• Transitions Dev

  by @Jakubantalik

  Production-ready CSS transitions for web apps. Use when implementing notification badges, dropdowns, modals, panel reveals, page transitions, card resizes, number pop-ins, text swaps, icon swaps, success checks, avatar group…

• Transitions Polish

  by @Jakubantalik

  Polish and refine existing motion against the transitions.dev motion-token scale — duration, distance, scale, blur, and easing — plus the rules for WHEN each token applies (open/close asymmetry, hover-in vs hover-out, stagger…

• Designlang Tokens

  by @Manavarya09

  Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

• Generate2dmap

  by @0x0funky

  Generate and revise production-oriented 2D game maps with built-in image generation as the default visual asset source, choosing a visual model, runtime object model, collision model, art direction, and engine/export target. Use…

• Generate2dsprite

  by @0x0funky

  Generate and postprocess general 2D game assets and animation sheets: pixel-art sprites, clean HD map props, creatures, characters, NPCs, spells, projectiles, impacts, props, summons, and transparent GIF exports. Use when Codex…

• Video2dsprite

  by @0x0funky

  Grok Build ONLY. Turn a 2D character still into smooth animation sprites via image_gen/image_edit base → image_to_video (6s/10s run-in-place) → ffmpeg frames → magenta chroma-key → dense sampled sprites (strip/grid/GIF). Use…

• Designs

  by @davidondrej

  Show 4 better, new design options as separate real image renders. Use for "designs" or when the user asks for new design ideas.

• Extract Design

  by @Manavarya09

  Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config, React theme, shadcn/ui theme, Figma variables, W3C design tokens, and CSS…

• Baoyu Design

  by @JimLiu

  Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), documents and…

• Image Prompt

  by @davidondrej

  Write four distinct prompts for AI image models. Use for image, thumbnail, banner, logo, or illustration prompts. Produces prompt text only.

• Matplotlib

  by @zLanqing

  Low-level plotting library for full customization. Use when you need fine-grained control over every plot element, creating novel plot types, or integrating with specific scientific workflows. Export to PNG/PDF/SVG for…

• Swiftui Liquid Glass

  by @Dimillian

  Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for…

• Fast Agent Design

  by @evalstate

  Use this skill to generate well-branded interfaces and assets for fast-agent, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for…

• Lavish Design

  by @kunchenguid

  Use this skill to generate well-branded interfaces and assets for Lavish, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for…

• Lavish

  by @kunchenguid

  Turn complex or visual agent responses into rich, reviewable HTML artifacts (HTML files) the user can annotate and send feedback on, using the lavish-axi CLI. Use when about to give a plan, comparison, diagram, table, code diff,…

• Wordpress

  by @nowork-studio

  Operate connected WordPress sites through the NotFair MCP. Use for WordPress content, posts, pages, media, comments, terms, design, settings, plugins, themes, HTML files, or approved WordPress changes on a NotFair-connected…

• Paper Slide Deck

  by @brycewang-stanford

  Generate professional slide deck images from academic papers and content. Creates comprehensive outlines with style instructions, auto-detects figures from PDFs, then generates individual slide images. Use when user asks to…

• Research Grants

  by @brycewang-stanford

  Write competitive research proposals for NSF, NIH, DOE, DARPA, and Taiwan NSTC. Agency-specific formatting, review criteria, budget preparation, broader impacts, significance statements, innovation narratives, and compliance…

• Latex Document

  by @brycewang-stanford

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

• Research Grants

  by @brycewang-stanford

  Write competitive research proposals for NSF, NIH, DOE, and DARPA. Agency-specific formatting, review criteria, budget preparation, broader impacts, significance statements, innovation narratives, and compliance with submission…

• Image Seo

  by @nowork-studio

  Image SEO audit — make a site's images discoverable in Google Images and stop them from dragging down Core Web Vitals. Audits alt text quality and coverage, descriptive file names, modern formats (WebP/AVIF), dimensions and…

• Pinme Share

  by @glitternetwork

  Use this skill when the user wants to share, publish, or upload a static result through PinMe, especially by generating a static HTML share page for a PinMe project link, deployed full-stack app, Codex conversation summary,…

• Seedance Prompt En

  by @dexhunter

  Write effective prompts for Jimeng Seedance 2.0 multimodal AI video generation. Use when users want to create video prompts using text, images, videos, and audio inputs with the @ reference system. Covers camera movements,…

• Event Prospecting

  by @browserbase

  Event prospecting skill. Takes a conference / event speakers URL, extracts the people, filters their companies against the user's ICP, then deep-researches only the speakers at ICP-fit companies. Outputs a person-first HTML…

• Company Research

  by @browserbase

  Company discovery and deep research skill. Researches a company's product and ICP, discovers target companies to sell to using Browserbase Search API, deeply researches each using a Plan→Research→Synthesize pattern, and scores…

• Optimize Agent Prompt

  by @browserbase

  Builds and improves Browserbase Agent API demos through an Autobrowse-style outer loop: run a fixed task, collect Agent messages and session logs, score the result, revise one system-prompt heuristic, and confirm convergence.…

• Kiro Spec Batch

  by @gotalab

  Create complete specs (requirements, design, tasks) for all features in roadmap.md using parallel sub-agent dispatch by dependency wave.

• Kiro Spec Batch

  by @gotalab

  Create complete specs (requirements, design, tasks) for all features in roadmap.md using parallel subagent dispatch by dependency wave.

• Kiro Spec Init

  by @gotalab

  Initialize a new specification with detailed project description

• Kiro Spec Quick

  by @gotalab

  Quick spec generation with interactive or automatic mode

• Imagegen

  by @foryourhealth111-pixel

  Use when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement, transparent background, product shots, concept art, covers, or batch…

• Latex Posters

  by @foryourhealth111-pixel

  Use when creating or revising LaTeX research posters with beamerposter, tikzposter, or baposter, including poster layout, typography, color, print sizing, figure placement, QR codes, compilation, and print-ready PDF checks.

• Fluidsim

  by @foryourhealth111-pixel

  Framework for computational fluid dynamics simulations using Python. Use when running fluid dynamics simulations including Navier-Stokes equations (2D/3D), shallow water equations, stratified flows, or when analyzing turbulence,…

• Figma Implement Design

  by @foryourhealth111-pixel

  Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node…

• Ios Hig Design Guide

  by @davepoon

  Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data. Use when a task asks for iOS UI/UX rules, Apple design standards, component behavior, accessibility constraints,…

• Email Marketing Bible

  by @davepoon

  Data-backed email marketing skill for AI agents. Use when building or running email automation, driving an ESP from an agent (MCP/connectors), diagnosing deliverability, writing or de-slopping email copy, directing AI email…

• Domain Name Brainstormer

  by @davepoon

  Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

• Figma Automation

  by @davepoon

  Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports. Always search tools first for current schemas.

• Obsidian Canvas Creator

  by @axtonliu

  Create Obsidian Canvas files from text content, supporting both MindMap and freeform layouts. Use this skill when users want to visualize content as an interactive canvas, create mind maps, or organize information spatially in…

• Excalidraw Diagram

  by @axtonliu

  Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化",…

• Post Scorer

  by @charlie947

  Score a LinkedIn post using real performance data. Pulls the user's own post history via Apify (or uses cached data) to identify what actually performs, then scores the draft against those patterns. Use this skill whenever the…

• Profile Optimizer

  by @charlie947

  Rebuild a LinkedIn profile for maximum conversions. Produces new headline options, about section, experience section, featured section strategy, and 4 image generation prompts (banner, profile picture, 2 featured tiles). Use…

• Youtube Thumbnail

  by @charlie947

  Generate a branded YouTube thumbnail from a video title. Uses a reference photo of the creator, high-CTR thumbnail principles, and brand colours to produce a ready-to-generate image prompt for Gemini. Use this skill whenever the…

• Quote Post

  by @charlie947

  Two-step workflow for creating quote posts on LinkedIn. The assistant drafts original short quotes to accompany a caption, then produces a Gemini prompt that recreates a reference image with the chosen quote baked in. Use this…

• Gemini Carousel

  by @charlie947

  Generate a branded slide-by-slide LinkedIn carousel using Gemini. Takes source content, builds a design brief, waits for approval, then outputs per-slide image generation prompts. 1080x1350 vertical format. Use this skill…

• Graphic Designer

  by @charlie947

  Create LinkedIn post graphics. Decides between an HTML/CSS structured graphic or an AI-generated infographic based on the post content. Use this skill whenever the user says "design a graphic", "create a visual", "make an…

• Gemini Infographic

  by @charlie947

  Generate a hand-drawn whiteboard infographic prompt. Takes source content (a post, newsletter, blog, research note) and returns a complete Gemini image generation prompt with a structured brief. Use this skill whenever the user…

• Pinned Comment

  by @charlie947

  Write deadpan LinkedIn pinned comments AND matching image generation prompts in the user’s voice. Use when the user asks for a pinned comment, pin comment, or first comment for a LinkedIn post. ALWAYS produce the image prompt…

• Swiftui Expert Skill

  by @AvdLee

  Use when writing, reviewing, or refactoring SwiftUI code for iOS or macOS, including state and `@Observable` data flow, view composition, performance, lists, environment, localization, animation, Liquid Glass, and API migration.…

• Packaging Youtube Thumbnails

  by @ericosiu

  Use when a user supplies new video content or a channel and wants on-brand YouTube titles, thumbnail concepts, rendered variants, A/B packaging, identity profiling, precise thumbnail revisions, an inline review board, or a…

• Growth Signal Charts

  by @ericosiu

  Select and create Growth Signal chart posts for Instagram, X, and LinkedIn from original content, measured post performance, and primary data. Use the approved Desk Edition style with chart-level sources and PNG/PDF exports. Use…

• Skill Profile Manager

  by @ZJU-REAL

  管理账号画像全生命周期：创建空白画像、编辑六维字段、更新记忆、切换、导出和对比。 当用户说“新建/编辑/更新/切换/导出/对比画像、写进画像记忆”时使用。 首次从社媒数据生成画像用 skill-profile-builder；只提炼语言风格用 skill-voice-builder；品牌首次入驻引导用 skill-brand-onboarding。

• Skill Ugc Discovery

  by @ZJU-REAL

  发现用户生成内容（UGC）。搜索与创作者品牌/账号相关的粉丝内容、测评、提及和社区讨论， 输出高价值 UGC 列表与互动建议。当用户说"谁提到了我"、"粉丝内容"、"品牌提及"、 "UGC 发现"、"用户口碑"、"测评搜索"、"社区讨论"时触发。

• Setup

  by @agenticnotetaking

  Scaffold a complete knowledge system. Detects platform, conducts conversation, derives configuration, generates everything. Validates against 15 kernel primitives. Triggers on "/setup", "/setup --advanced", "set up my knowledge…

• Anti Ui Slop

  by @davepoon

  Stop coding agents from shipping generic UI. Use UIZZE's 800,000+ real web and iOS screens to build product-specific interfaces, define a design contract, cover required states, and run a hard finish gate. Use for web or iOS UI…

• Canva Automation

  by @davepoon

  Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas.

• Make Interfaces Feel Better

  by @jakubkrehel

  Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders, typography, icons, micro-interactions,…

• Asset Pipeline

  by @rehan-remade

  Turn generated or hand-made art into exactly what a game engine loads. Covers sprite cutout, trim and nearest-neighbour fitting to frame sizes, pixelation to a palette, sprite sheets and strips, player/team-colour masks,…

• Documd Visuals

  by @markdown-viewer

  Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts. Charts and analytical views (bar, line, pie, heatmap, correlation, regression); reliability and operations (latency, incident,…

• Srt Whiteboard Animation

  by @geeklee

  将 SRT 字幕做成暖米黄纸张底的白板手绘动画：读字幕→输出配图策略→确认后生成统一风格线稿→按叙事语义标注分区→预览台调整→渲染 MP4。编排沿用分区遮罩揭示（annotation.json / sequence / startMs / protectedRegions），但每个区域内的落墨换成 stream 的连续笔迹（骨架/网格 ink→color）。当用户提供 SRT 字幕并要求"字幕做成白板手绘/流式笔迹视频""SRT…

• Digital Brain

  by @foryourhealth111-pixel

  This skill should be used when the user asks to "write a post", "check my voice", "look up contact", "prepare for meeting", "weekly review", "track goals", or mentions personal brand, content creation, network management, or…

• Pptx

  by @foryourhealth111-pixel

  Presentation toolkit (.pptx). Create/edit slides, layouts, content, speaker notes, comments, for programmatic presentation creation and modification.

• Datavis

  by @foryourhealth111-pixel

  Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing color palettes for…

• Data Artist

  by @foryourhealth111-pixel

  Create beautiful data visualizations with mathematical elegance, color theory, and narrative design - the "Data is Beautiful" aesthetic.

• Dialectic

  by @foryourhealth111-pixel

  Minimal compatibility wrapper for vibe Dialectic Mode (multi-perspective design analysis).

• Threejs Fundamentals

  by @CloudAI-X

  Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

• Skill Creator

  by @himself65

  Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, update or optimize an existing skill, run evals to test a skill, benchmark skill…

• Generative Ui

  by @himself65

  Design system and guidelines for Claude's built-in generative UI — the show_widget tool that renders interactive HTML/SVG widgets inline in claude.ai conversations. This skill provides the complete Anthropic "Imagine" design…

• Infocard

  by @markdown-viewer

  Create editorial-style information cards using HTML/CSS in Markdown. Best for knowledge summaries, data highlights, event announcements, and single-topic content cards with magazine-quality typography.

• Architecture

  by @markdown-viewer

  Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.

• Mindmap

  by @markdown-viewer

  Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.

• Remotion Best Practices

  by @haydenbleasel

  Best practices for Remotion - Video creation in React

• Bytedance Backend

  by @Snailclimb

  用于字节后端面试出题；以算法与编码能力为第一门槛，同时考察高并发场景下的系统设计能力。

• Algorithm

  by @Snailclimb

  用于算法面试出题；重点评估复杂度分析、边界处理和优化能力，区分背题与真实理解。

• System Design

  by @Snailclimb

  用于系统设计面试出题；聚焦容量估算、可用性与一致性权衡、可观测性和故障恢复。

• Experiment Results Planning

  by @Norman-bury

  Use when designing experiments, result tables, mock planning data, evaluation protocols, or results sections before real data are final

• Html

  by @plannotator

  Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject. Use when HTML is the deliverable for a report, explainer, landing page, presentation, tool,…

• Html Prototype

  by @plannotator

  Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language. Use when the user explicitly invokes…

• Html Wireframe

  by @plannotator

  Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test information hierarchy, content, navigation, task flow, and responsive structure before visual design. Use when the user explicitly invokes…

• Html Diagram

  by @plannotator

  Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state, hierarchy, or quantitative structure. Use when the user explicitly invokes…