KitScout

Categories › Media & Design

See all Media & Design tools →

Design tools (Figma, Canva...)

1,269 agent tools in this category, ranked by GitHub stars for now. Hands-on test results will replace this ranking as they finish.

Starter kit Draft

The three most-starred tools here. Not tested together yet.

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generati

npx skills add anthropics/skills --skill algorithmic-art
brand-guidelines

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 color

npx skills add anthropics/skills --skill brand-guidelines
canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, d

npx skills add anthropics/skills --skill canvas-design

All tools

Works with
Type
Publisher
Runs
Status
Access
ToolStarsLast updateLicense
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code
SkillOfficial · AnthropicInstall · skills CLI
194,2188 days ago—
brand-guidelines
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 b
SkillOfficial · AnthropicInstall · skills CLI
194,2188 days ago—
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece
SkillOfficial · AnthropicInstall · skills CLI
194,2188 days ago—
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with
SkillOfficial · AnthropicInstall · skills CLI
194,2188 days ago—
design-is
Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refi
SkillInstall · skills CLI
116,8971 day agoApache-2.0
wowerpoint
Turn one document into a kawaii NotebookLM slide deck. Use for "wowerpoint this", "make a deck about <file>", "turn this report into slides", or any r
SkillInstall · skills CLI
116,8971 day agoApache-2.0
paperclip-capsules
Generate, implement, or review Paperclip capsule visuals. Use for capsule art, agent capsules, heartbeat status capsules, identicons, capsule banks, o
SkillInstall · skills CLI
113,5051 day agoMIT
aster-atelier
Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic
SkillInstall · skills CLI
107,5501 day agoApache-2.0
blog-post
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when
SkillInstall · skills CLI
107,5501 day agoApache-2.0
contact-widget
Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.
SkillInstall · skills CLI
107,5501 day agoApache-2.0
dashboard
Admin / analytics dashboard in a single HTML file. Fixed left sidebar, top bar with user/search, main grid of KPI cards and one or two charts. Use whe
SkillInstall · skills CLI
107,5501 day agoApache-2.0
dating-web
A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar
SkillInstall · skills CLI
107,5501 day agoApache-2.0
design-extract
Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map c
SkillInstall · skills CLI
107,5501 day agoApache-2.0
digital-eguide
A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread
SkillInstall · skills CLI
107,5501 day agoApache-2.0
distilbook-explainer
DistilBook 手绘讲解产品演示模板。
SkillInstall · skills CLI
107,5501 day agoApache-2.0
doc-kami-parchment
Warm parchment canvas (#f5f4ed), monochrome ink-blue accent (#1B365D), one serif family, and editorial-grade typography.
SkillInstall · skills CLI
107,5501 day agoApache-2.0
docs-page
A documentation page — inline-start nav, scrollable article body, inline-end table of contents. Use when the brief mentions "docs", "documentation", "
SkillInstall · skills CLI
107,5501 day agoApache-2.0
figma-extract
Pull a Figma file's node tree, design tokens, and embedded assets into the project cwd as a structured snapshot.
SkillInstall · skills CLI
107,5501 day agoApache-2.0
frame-data-chart-nyt
NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band).
SkillInstall · skills CLI
107,5501 day agoApache-2.0
frame-flowchart-sticky
SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.
SkillInstall · skills CLI
107,5501 day agoApache-2.0
html-ppt-zhangzara-biennale-yellow
A curatorial deck for a contemporary art biennale — the thesis, the rooms, the works, and the visitor journey. Built as a decision-grade design craft
SkillInstall · skills CLI
107,5501 day agoApache-2.0
html-ppt-zhangzara-creative-mode
A brand visual-identity system reveal for an outdoor label — logo, color, type, and the rules that keep it consistent. Built as a decision-grade desig
SkillInstall · skills CLI
107,5501 day agoApache-2.0
html-ppt-zhangzara-editorial-tri-tone
A type-and-color system for a culture magazine relaunch — the grid, the tri-tone palette, and the layout kit. Built as a decision-grade design craft d
SkillInstall · skills CLI
107,5501 day agoApache-2.0
html-ppt-zhangzara-raw-grid
A brutalist poster-series case study for a music festival — the concept, the system, and how it scaled across formats. Built as a decision-grade desig
SkillInstall · skills CLI
107,5501 day agoApache-2.0
html-ppt-zhangzara-studio
A photography studio's portfolio-and-rate deck — the signature work, the process, and the packages that win the brief. Built as a decision-grade desig
SkillInstall · skills CLI
107,5501 day agoApache-2.0
mind-clarity-journey
清晰心智主题的黑红剪影动效模板。
SkillInstall · skills CLI
107,5501 day agoApache-2.0
mockup-device-3d
Static iPhone and MacBook 3D-style showcase with real HTML embedded on screens, glass-lens refraction, and 360-degree turntable composition.
SkillInstall · skills CLI
107,5501 day agoApache-2.0
motion-visual-lesson
Bring Ideas to Life (让灵感成真) — a 20-second OpenDesign paper story, with interactive prototypes, websites, PPT, posters and motion films collected into
SkillInstall · skills CLI
107,5501 day agoApache-2.0
poster-hero
Vertical poster or Moments-style share image with strong visual impact.
SkillInstall · skills CLI
107,5501 day agoApache-2.0
sky-water-tessellation
鸟群与鱼群交错的黑白版画循环模板。
SkillInstall · skills CLI
107,5501 day agoApache-2.0
sprite-animation
A pixel / sprite-style animated explainer slide — full-bleed cream stage, bold display year, animated pixel-art mascot (e.g. Hanafuda card, mushroom,
SkillInstall · skills CLI
107,5501 day agoApache-2.0
token-map
Map an extracted Figma / source-code token bag onto the active OD design system, producing a deterministic mapping the generate stage can consume.
SkillInstall · skills CLI
107,5501 day agoApache-2.0
understand-figma
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances,
SkillInstall · skills CLI
92,5672 days agoMIT
adobe-automation
Automate Adobe tasks via Rube MCP (Composio). Always search tools first for current schemas.
SkillInstall · skills CLI
79,45157 days ago—
affinity-automation
Automate Affinity tasks via Rube MCP (Composio). Always search tools first for current schemas.
SkillInstall · skills CLI
79,45157 days ago—
time-svg-creator
Creates an SVG time card showing the current time for Dubai. Writes the SVG to agent-teams/output/dubai-time.svg and updates agent-teams/output/output
SkillInstall · skills CLI
69,0461 day agoMIT
weather-svg-creator
Creates an SVG weather card showing the current temperature for Dubai. Writes the SVG to orchestration-workflow/weather.svg and updates orchestration-
SkillInstall · skills CLI
69,0461 day agoMIT
diagram-design
Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, steps, timeline, swimlane, quadr
SkillInstall · skills CLI
66,9172 days agoMIT
scientific-schematics
Generates scientific diagram drafts using Nano Banana 2 AI with smart iterative refinement. Uses Gemini 3.7 Flash for quality review. Refines when the
SkillInstall · skills CLI
57,0905 days agoMIT
scientific-slides
Builds slide decks and presentations for research talks. Used for making PowerPoint slides, conference presentations, seminar talks, research presenta
SkillInstall · skills CLI
57,0905 days agoMIT
scientific-visualization
Creates and audits truthful, accessible, publication-ready scientific figures with Matplotlib, Seaborn, or Plotly. Use it for figure design, multi-pan
SkillInstall · skills CLI
57,0905 days agoMIT
algorithmic-art
Algorithmic philosophies are computational aesthetic movements that are then expressed through code. Output .md files (philosophy), .html files (inter
SkillInstall · skills CLI
49,6721 day agoMIT
canvas-design
These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSED VISUALLY. Output only .md files, .pdf files, and
SkillInstall · skills CLI
49,6721 day agoMIT
claude-d3js-skill
This skill provides guidance for creating sophisticated, interactive data visualisations using d3.js.
SkillInstall · skills CLI
49,6721 day agoMIT
hig-foundations
Apple Human Interface Guidelines design foundations.
SkillInstall · skills CLI
49,6721 day agoMIT
hig-inputs
Design Apple-platform input interactions for touch, keyboard, pointer, Pencil, controllers, spatial gestures and supported device sensors, with access
SkillInstall · skills CLI
49,6721 day agoMIT
hig-patterns
Apple Human Interface Guidelines interaction and UX patterns.
SkillInstall · skills CLI
49,6721 day agoMIT
hig-platforms
Apple Human Interface Guidelines for platform-specific design.
SkillInstall · skills CLI
49,6721 day agoMIT
visual-design-foundations
Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, bu
SkillInstall · skills CLI
42,4956 days agoMIT
adobe-illustrator-integrations
Build, debug, package, and document Adobe Illustrator integrations: CEP extension panels, C++ SDK plug-ins (.aip), the coming UXP plugins, MCP servers
SkillInstall · skills CLI
41,1401 day agoMIT
adobe-illustrator-scripting
Write, debug, and optimize Adobe Illustrator automation scripts using ExtendScript (JavaScript/JSX). Use when creating or modifying scripts that manip
SkillInstall · skills CLI
41,1401 day agoMIT
draw-io-diagram-generator
Use when creating, editing, or generating draw.io diagram files (.drawio, .drawio.svg, .drawio.png). Covers mxGraph XML authoring, shape libraries, st
SkillInstall · skills CLI
41,1401 day agoMIT
drawio
Generate draw.io diagrams as .drawio files and export to PNG/SVG/PDF with embedded XML
SkillInstall · skills CLI
41,1401 day agoMIT
excalidraw-diagram-generator
Generate Excalidraw diagrams from natural language descriptions. Use when asked to "create a diagram", "make a flowchart", "visualize a process", "dra
SkillInstall · skills CLI
41,1401 day agoMIT
lightweight-charts-react-components
lightweight-charts-react-components recipes for TradingView lightweight-charts in React. Candlestick, line, and area series; volume and indicator pane
SkillInstall · skills CLI
41,1401 day agoMIT
PDFMathTranslate
[EMNLP 2025 Demo] PDF scientific paper translation with preserved formats - 基于 AI 完整保留排版的 PDF 文档全文双语翻译,支持 Google/DeepL/Ollama/OpenAI 等服务,提供 CLI/GUI/MC
MCP server
38,426——
brand-guidelines-anthropic
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 b
SkillInstall · skills CLI
33,4951 day agoMIT
brand-guidelines-community
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 b
SkillInstall · skills CLI
33,4951 day agoMIT
creative-portfolio-resume
Balance visual design with ATS compatibility for creative roles. Use when the user is in design, art, writing, marketing creative, or any visual/creat
SkillInstall · skills CLI
33,4951 day agoMIT
diagrammer
Render clean blueprint-style SVG diagrams from JSON specs. Use when users ask to draw, sketch, or diagram a request flow, neural net, transformer bloc
SkillInstall · skills CLI
33,4951 day agoMIT
draw-io
draw.io diagram creation, editing, and review. Use for .drawio XML editing, PNG conversion, layout adjustment, and AWS icon usage.
SkillInstall · skills CLI
33,4951 day agoMIT
excalidraw
Use when working with *.excalidraw or *.excalidraw.json files, user mentions diagrams/flowcharts, or requests architecture visualization - delegates a
SkillInstall · skills CLI
33,4951 day agoMIT
marp-slide
Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech, business). Use when users requ
SkillInstall · skills CLI
33,4951 day agoMIT
mermaid-diagrams
Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagra
SkillInstall · skills CLI
33,4951 day agoMIT
patentfig
Generate patent-office-compliant figures via the PatentFig AI API — patent line art from text (PNG or SVG), vectorize drawings to SVG/DXF/vector PDF,
SkillInstall · skills CLI
33,4951 day agoMIT
epic-design
Use for any landing page, hero section or scroll-driven web design that should feel cinematic (parallax, scrollytelling, overlapping sections, text re
SkillInstall · skills CLI
29,7732 days agoMIT
huashu-design
花叔Design——用HTML做高保真原型、幻灯片、动画、可视化与专家评审。任何新设计100%先出三个方向初稿给用户选(指定风格/品牌也不豁免),选定后才执行。触发词:做原型、PPT、幻灯片、动画、设计风格、评审、做个HTML页面、UI mockup、导出MP4/GIF、做个好看的。生产级Web A
SkillInstall · skills CLI
29,4485 days agoMIT
figma-create-design-system-rules
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set u
SkillInstall · skills CLI
28,73017 days ago—
figma-create-new-file
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_fig
SkillInstall · skills CLI
28,73017 days ago—
figma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write
SkillInstall · skills CLI
28,73017 days ago—
figma-generate-library
Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libra
SkillInstall · skills CLI
28,73017 days ago—
figma-implement-design
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user me
SkillInstall · skills CLI
28,73017 days ago—
figma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill
SkillInstall · skills CLI
28,73017 days ago—
baoyu-slide-deck
Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user
SkillInstall · skills CLI
27,5338 days agoMIT
architect
Use Architect, Pascal's AI building designer, to generate buildings, floor plans, and spatial designs from a brief. Use this skill when a user asks Ar
SkillInstall · skills CLI
25,4872 days agoMIT
furniture-fit
Assess whether furniture fits in a measured Pascal room or layout. Use this skill for sofa, table, bed, cabinet, appliance, staging, placement, collis
SkillInstall · skills CLI
25,4872 days agoMIT
Pascal 3D Editor
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
MCP serverVerified domain · pascal.appLocal · npm
25,4872 days agoMIT
pascal-3d
Connect to Pascal and use its MCP tools to create, inspect, edit, validate, save, or hand off editable 3D building scenes. Use this skill whenever a u
SkillInstall · skills CLI
25,4872 days agoMIT
figure-spec
Generate deterministic publication-quality architecture, workflow, and pipeline diagrams from structured JSON (FigureSpec) into editable SVG. Use when
SkillInstall · skills CLI
19,1623 days agoMIT
mermaid-diagram
Generate Mermaid diagrams from user requirements. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and 18 more diagr
SkillInstall · skills CLI
19,1623 days agoMIT
paper-poster-html
DEFAULT poster pipeline — build an academic conference poster (ICML/NeurIPS/ICLR/CVPR/...) as a single HTML/CSS file with measurement-driven hard gate
SkillInstall · skills CLI
19,1623 days agoMIT
paper-slides
Generate conference presentation slides (beamer LaTeX → PDF + editable PPTX) from a compiled paper, with speaker notes and full talk script. Use when
SkillInstall · skills CLI
19,1623 days agoMIT
brand-guidelines
Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. Use it when brand colors or style guide
SkillInstall · skills CLI
17,3143 months ago—
figma-designer
Design inside Figma the way this designer does: real variables, text styles, auto layout and components, on a fixed visual system (Tailwind type and r
SkillInstall · skills CLI
15,47713 days agoMIT
landing-page-design
Complete system for building high converting landing pages: intake questions, page structure, layout selection, conversion copywriting, SEO, plus stri
SkillInstall · skills CLI
15,47713 days agoMIT
beautiful-article
把用户提供的素材(网页 URL / PDF / DOCX / Markdown / 纯文本 / 截图 / 粘贴材料)编辑、设计成一篇美丽的、可离线打开和分享的**单文件 HTML 网页文章**。基于 reacticle 组件协议:不手写裸 HTML/CSS,而用语义组件 + 受主题约束的 Raw 自
SkillInstall · skills CLI
15,0986 days agoMIT
color-font-skill
Choose presentation-ready color palettes and font pairings for PPT/design tasks. Use when users ask for visual theme choices, brand-safe palettes, or
SkillInstall · skills CLI
13,8304 days agoMIT
design-style-skill
Select a consistent visual design system for PPT slides using radius/spacing style recipes. Use when users ask for overall style direction or componen
SkillInstall · skills CLI
13,8304 days agoMIT
ppt-editing-skill
Edit existing PowerPoint files or templates with XML-safe workflows. Use for template-based deck updates: analyze layouts, map content to slides, dupl
SkillInstall · skills CLI
13,8304 days agoMIT
ppt-orchestra-skill
Plan and orchestrate multi-slide PowerPoint creation from scratch. Use before generating a full deck with subagents: classify each slide type, enforce
SkillInstall · skills CLI
13,8304 days agoMIT
pptx-generator
Generate, edit, and read PowerPoint presentations. Create from scratch with PptxGenJS (cover, TOC, content, section divider, summary slides), edit exi
SkillInstall · skills CLI
13,8304 days agoMIT
slide-making-skill
Implement single-slide PowerPoint pages with PptxGenJS. Use when writing or fixing slide JS files: dimensions, positioning, text/image/chart APIs, sty
SkillInstall · skills CLI
13,8304 days agoMIT
drawio-reconstruction
Reconstructs reference images into high-fidelity, editable Draw.io files with rendered previews: native Draw.io elements carry text and structure, SVG
SkillInstall · skills CLI
12,4709 days ago—
better-colors
Builds and checks color systems by generating palettes, naming semantic tokens, converting between formats and measuring contrast.
SkillInstall · skills CLI
12,1352 days agoMIT
better-interface
Reviews a screen, flow or whole interface across accessibility, layout, writing, typography, color and UI polish, and returns one ranked report.
SkillInstall · skills CLI
12,1352 days agoMIT
better-layout
Sets grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up when it is resized, translated or mir
SkillInstall · skills CLI
12,1352 days agoMIT
better-typography
Sets and reviews how text renders, from the type scale and spacing to font features, wrapping, truncation and punctuation.
SkillInstall · skills CLI
12,1352 days agoMIT
better-ui
Polishes surfaces, icons and motion with exact values for border radius, optical alignment, shadows, icon states and animation.
SkillInstall · skills CLI
12,1352 days agoMIT
better-writing
Writes and reviews interface copy, from labels and errors to empty states and confirmations, so it matches the product's voice and tells people what t
SkillInstall · skills CLI
12,1352 days agoMIT
hive.chart-creation-foundations
Required reading whenever any chart_* tool is available. Teaches the one-tool embedding contract (call chart_render → live chart appears in chat AND a
SkillInstall · skills CLI
11,1617 days agoApache-2.0
openmotion-brandkit
OpenMotion — Prepare a reusable Brandkit and motion-design brief from user-supplied brand facts, assets and references. Use when organizing brand cont
SkillInstall · skills CLI
9,8631 day agoApache-2.0
openmotion-design-remix
OpenMotion — Adapt one of six bundled motion compositions using its MOTION_DESIGN.md, preserving timing and movement while replacing the user's copy.
SkillInstall · skills CLI
9,8631 day agoApache-2.0
openmotion-presenter-story
OpenMotion — Adapt presenter-led videos using reusable motion design recipes for listicles, workflow demonstrations and product walkthroughs. Use with
SkillInstall · skills CLI
9,8631 day agoApache-2.0
archify
Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG, da
SkillInstall · skills CLI
9,5431 day ago—
article-cover-designer
极简高效的文章与视频封面设计技能。根据输入文章或视频字幕文件自动提炼200字核心摘要、推算受众群体、默认输出微信公众号标准 2.35:1 超宽画幅封面(兼顾X 5:2与安全留白),或按需匹配小红书(3:4)、B站/YouTube/短视频(16:9/9:16)场景;深度协同全库 365 种视觉风格与3
SkillInstall · skills CLI
9,5431 day ago—
article-illustration-planner
深度分析文章脉络,精准规划插图点位与视觉意象。对知识类/教程类文章默认启动“认知降负与高保真图替繁文机制”,严禁删除公式与量化指标,强制协同 170 种排版图型(IG-*信息图/SC-*社媒卡)与 365 种视觉风格/36 种经典配色,杜绝微缩杂物摆拍;对非知识类文章保持叙事氛围与意境。严格执行双向
SkillInstall · skills CLI
9,5431 day ago—
cy-carousel
制作 AI 科技类小红书图文轮播(封面+10张内页,1440×1920,暗底或浅色纸底,电子青强调色):讲一个 AI 概念、一篇论文或一个产品,体裁是「AI 学习笔记」。查证一手出处、找开放授权素材(论文原文、真实截图、人物照),用 scripts/手排.py 照 ELIZA 的做法逐页手排(毛笔双
SkillInstall · skills CLI
9,5431 day ago—
diagram-design
Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, ra
SkillInstall · skills CLI
9,5431 day ago—
hairline
一句话生成跟随鼠标的交互式等轴测线框图(单文件、零依赖、双击即开),或把已有 SVG/Logo 重建为可交互线框。
SkillInstall · skills CLI
9,5431 day ago—
hairline-adopt
Use when someone has an SVG (an icon, a logo, an illustration) and wants it as a Hairline figure, or runs /hairline-adopt with a file. Reads the drawi
SkillInstall · skills CLI
9,5431 day ago—
hairline-create
Use when someone asks for a new Hairline figure, or runs /hairline-create with an idea. Draws one isometric line figure that answers the pointer, in t
SkillInstall · skills CLI
9,5431 day ago—
icon-generator
网页与数字界面设计师和平面设计师在开发App、网页或设计UI界面时,当需要快速产出高质量Icon,使用此技能即可一键生成多尺寸、风格统一的标准图标,彻底解决图标设计耗时痛点,大幅提升视觉交付效率!
SkillInstall · skills CLI
9,5431 day ago—
nanobanana-ppt-visualizer
平面设计师与内容创作者在制作演示文稿时,当需要将内容大纲转化为高颜值视觉大片,使用此技能可一键生成风格化配图、交互式网页播放器及演示视频,轻松实现从内容规划到视觉呈现的完整闭环,大幅提升汇报演示质感!
SkillInstall · skills CLI
9,5431 day ago—
pop-up-book-illustration
平面设计师与内容创作者在制作科技、教育或品牌视觉物料时,一键生成融合纸质手工质感与数字科技光效的3D弹出书风格插画。自动构建多层立体层次与明亮温暖色调,让创意跃然纸上,轻松产出极具视觉冲击力的专业级插画。
SkillInstall · skills CLI
9,5431 day ago—
ppt-generator
产品经理、运营专员及综合办公文员在准备商业演示、学术汇报或培训课件时,通过七角色协作工作流,自动分析主题、推荐模板、填充内容并智能配图,一键输出高质量 PPTX 文件,将数小时的排版制作缩短至几分钟!
SkillInstall · skills CLI
9,5431 day ago—
RuiC-card-skill
Generate interactive 3D holographic collectible-card websites from a user description or reference image, using layered artwork, Blender and Three.js.
SkillInstall · skills CLI
9,5431 day ago—
xiaohongshu-makeup
自媒体创作者与电商运营在推广美妆护肤产品时,当需要创作或优化小红书笔记、生成AI配图提示词时,使用此技能可一键生成高转化爆款笔记、吸睛标题与精准标签,自动产出专业文生图提示词,轻松打造小红书爆款内容。
SkillInstall · skills CLI
9,5431 day ago—
app-store-screenshots
Use when building App Store or Google Play screenshot pages, generating exportable marketing screenshots for iOS, macOS, and/or Android apps, or scaff
SkillInstall · skills CLI
7,9317 days agoMIT
Agent-Native Design
Agent-Native design tool - create and edit visual designs with agent assistance
MCP serverGitHub-verified authorRemoteSign-in needed
7,6912 days agoMIT
3d-cloth-material
Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotropic highlights, folds that never stretch the texture
SkillInstall · skills CLI
7,4642 days agoMIT
3d-four-seasons
Add coordinated spring, summer, fall, and winter states to a 3D scene, blending foliage, sunlight, sky, ground materials, snow, and particles without
SkillInstall · skills CLI
7,4642 days agoMIT
3d-high-poly-models
Create or integrate highly detailed 3D models with smooth silhouettes, shaped surfaces, believable bevels, and close-up geometry, then prepare suitabl
SkillInstall · skills CLI
7,4642 days agoMIT
3d-high-resolution-textures
Build sharp, physically coherent high-resolution materials for 3D rendering with appropriate PBR maps, texel density, UV direction, mipmaps, anisotrop
SkillInstall · skills CLI
7,4642 days agoMIT
3d-metal-material
Build hyperrealistic PBR metal in Three.js: steel, brass, gold, copper and iron as true conductors (metalness 1, measured F0 tint, no albedo) with rou
SkillInstall · skills CLI
7,4642 days agoMIT
3d-orbit-inspect-demo
Make a 3D object lean around on hover and open a full inspect view on click. Hover is a damped, bounded camera lean; click lifts the piece off its ben
SkillInstall · skills CLI
7,4642 days agoMIT
3d-paper-material
Build a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with baked fibre and tooth relief, laid and chain lines, a t
SkillInstall · skills CLI
7,4642 days agoMIT
3d-retina-resolution
Render a 3D canvas sharply on Retina and HiDPI displays, including explicit 200 percent resolution, synchronized renderer and post-processing sizes, c
SkillInstall · skills CLI
7,4642 days agoMIT
3d-sky-background
Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, horizon haze, aligned sunlight, and coherent environme
SkillInstall · skills CLI
7,4642 days agoMIT
3d-sky-rays
Add sun shafts and crepuscular rays to a Three.js or equivalent 3D scene, using scene occlusion, a projected sun position, controlled foreground spill
SkillInstall · skills CLI
7,4642 days agoMIT
3d-ultra-realistic-water
Build an ultra-realistic open ocean in Three.js with a deep-water Gerstner spectrum shaded per pixel from analytic derivatives, each wave faded at its
SkillInstall · skills CLI
7,4642 days agoMIT
3d-underwater-god-rays
Add volumetric underwater god rays to a Three.js scene, marching one drifting swell field along every view ray at half resolution so the light shafts
SkillInstall · skills CLI
7,4642 days agoMIT
3d-virtual-tour
Build guided and interactive virtual tours through a 3D environment with authored camera paths, room and floor-plan navigation, orbit inspection, smoo
SkillInstall · skills CLI
7,4642 days agoMIT
3d-wood-lighting-scorecard
Light carved wood in a dark room in three.js, with procedural grain and pores, one warm key through a window, soft shadows that touch, light shafts, b
SkillInstall · skills CLI
7,4642 days agoMIT
3d-wood-material
Build convincing timber for Three.js as one procedural MeshPhysicalMaterial with growth rings, cathedral figure, pores, medullary rays, checks, tool m
SkillInstall · skills CLI
7,4642 days agoMIT
corner-lasers
Create a corner-anchored laser composition with thin beams, a bright emitter node, bloom, and atmospheric glow or fog.
SkillInstall · skills CLI
7,4642 days agoMIT
daily-ui-inspiration-capture
Create a recurring daily UI inspiration capture. Use when the user asks to run, refresh, package, or validate dated UI inspiration bundles, especially
SkillInstall · skills CLI
7,4642 days agoMIT
generate-reference-inspired-brand-worlds
Generate multiple original brand campaign worlds from a supplied visual reference while controlling how close the new work feels without copying prote
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-bold-pop
Draws hand-authored SVG spot illustrations in a bold pop-geometric style for design and coding scenes. Identifying traits: a thick navy outline on eve
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-flat
Draws flat vector illustrations as SVG cards (480x360): slim, long-limbed people acting out one design or coding moment with one hero prop. Identified
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-flat-with-black
Draws flat vector spot illustrations of tall, long-legged people doing design and coding things, with solid black as a main colour. Traits: no outline
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-framed-panel
Draws original design-and-coding scenes as SVG cards (480x360) in a framed-panel cartoon style. Identifying traits are a soft pastel card with a periw
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-grainy-gouache
Draws original cosy animal scenes as hand-authored SVG cards (480x360) in a grainy gouache, risograph-like style. Identifying traits are flat shapes w
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-halftone-line
Draws hand-authored SVG spot illustrations in a halftone line style for design and coding scenes. Identifying traits are a confident black line with a
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-ink-sketch
Draws hand-inked cartoon critters and living objects as SVG cards (480x360), each acting out a coding or design idea. Identified by thick black brush-
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-isometric-mono
Draws true-isometric diorama illustrations of developer and design workspaces in one green ramp, generated as SVG with a bundled scene kit. Traits: on
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-line-interior
Draws original hand-written SVG spot scenes in the Line interior style, wide airy rooms or terraces where slim, realistic people do design and coding
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-one-line
Draws original hand-written SVG spot illustrations in the One-line style, joyful action figures doing design and coding work. One continuous uniform b
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-outlined-cartoon
Draws original hand-authored SVG spot illustrations in an outlined cartoon style for design and coding subjects. Identifying traits: a warm near-black
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-teal-spot
Draws original spot illustrations of one hero object as SVG cards (480x360) in a teal-on-white style. Identifying traits are a single object in a fixe
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-two-colour-brush
Draws original design and coding scenes as hand-authored SVG cards (480x360) in a two-colour brush-marker style. Identifying traits: thick wobbly blac
SkillInstall · skills CLI
7,4642 days agoMIT
illustration-vintage-emblem
Draws original hand-authored SVG badge illustrations in a vintage emblem style for design and coding subjects. Identifying traits: a seven-colour scre
SkillInstall · skills CLI
7,4642 days agoMIT
implement-fog-of-war
Implement, tune, debug, or validate soft wall-aware fog of war and gameplay perception in Three.js action games. Use for orthographic or isometric vis
SkillInstall · skills CLI
7,4642 days agoMIT
solar-duotone-bold
Use Iconify Solar Duotone Bold icon style.
SkillInstall · skills CLI
7,4642 days agoMIT
openpencil
The world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI direc
MCP server
7,233——
excalidraw-studio
Generate Excalidraw diagrams from natural language descriptions. Outputs .excalidraw JSON files openable in Excalidraw. Use when asked to "create a di
SkillInstall · skills CLI
7,1673 days ago—
mermaid-studio
Expert Mermaid diagram creation, validation, and rendering with dual-engine output (SVG/PNG/ASCII). Supports all 20+ diagram types including C4 archit
SkillInstall · skills CLI
7,1673 days ago—
cursor-talk-to-figma-mcp
TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to communicate with Figma for reading design
MCP server
7,109——
logo-design
Professional logo and brand-mark design, from brief to production files. Guides discovery and the design brief, concept generation, choosing a mark ty
SkillInstall · skills CLI
6,8691 day agoMIT
novel-art
给 AI 短剧出美术设定集(场景 + 叙事道具):场景的设计意图、一致性锚点、光照时段变体、 空景提示词;道具的戏剧功能、状态变体、尺度参照、白底无手提示词。 产出 art.json + Markdown + 单页评审报告(含导出 JSON)。 为 AI 生成而设计,不是实拍——环境和道具都是生成资
SkillInstall · skills CLI
6,6165 days agoApache-2.0
magic-mcp
It's like v0, but in your Cursor / Claude Code / Windsurf: search 10,000+ React/Tailwind components, generate new UI with AI, and publish your own — r
MCP server
6,545——
infographic-syntax-creator
Generate AntV Infographic syntax outputs. Use when asked to turn user content into the Infographic DSL (template selection, data structuring, theme),
SkillInstall · skills CLI
6,3902 days agoApache-2.0
pptx
Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modi
SkillInstall · skills CLI
6,3902 days agoApache-2.0
scientific-visualization
Meta-skill for publication-ready figures. Use when creating journal submission figures requiring multi-panel layouts, significance annotations, error
SkillInstall · skills CLI
5,9516 months agoMIT
draw.io
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
MCP serverVerified domain · draw.ioRemote● LiveFree to try
5,8244 days agoApache-2.0
excalidraw-mcp
Fast and streamable Excalidraw MCP App
MCP server
5,675——
designlang
Measure any site's design system, score how generic a page looks, check UI against your brand.
MCP serverGitHub-verified authorLocal · npm
5,0702 days agoMIT
designlang-tokens
Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for clerk.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for coinbase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for discord.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for framer.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for loom.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for mintlify.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
designlang-tokens
Use when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
SkillInstall · skills CLI
5,0702 days agoMIT
extract-design
Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual HTML preview, Tailwind config,
SkillInstall · skills CLI
5,0702 days agoMIT
compiledeck
Create and compile beautiful Beamer presentations following the Rhetoric of Decks philosophy. Use when making slides, creating decks, or compiling .te
SkillInstall · skills CLI
5,0135 days ago—
econ-visualization
Create publication-quality charts and graphs for economics papers.
SkillInstall · skills CLI
5,0135 days ago—
plotly
Plotly interactive visualization. Express and Graph Objects: scatter, line, bar, heatmap, 3D, geographic charts; subplots; styling; export. Use when i
SkillInstall · skills CLI
5,0135 days ago—
plotnine
plotnine static visualization (ggplot2 syntax for Python). Geoms, aesthetics, scales, coordinates, facets, themes. Use for static publication-quality
SkillInstall · skills CLI
5,0135 days ago—
visual-audit
Perform adversarial visual audit of Quarto or Beamer slides checking for overflow, font consistency, box fatigue, and layout issues.
SkillInstall · skills CLI
5,0135 days ago—
design-system-builder
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and
SkillInstall · skills CLI
4,7081 day agoMIT
r3f-animation
React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating proced
SkillInstall · skills CLI
4,7081 day agoMIT
r3f-best-practices
React Three Fiber (R3F) and Poimandres ecosystem best practices. Use when writing, reviewing, or optimizing R3F code. Triggers on tasks involving @rea
SkillInstall · skills CLI
4,7081 day agoMIT
gemini-carousel
Generate a branded slide-by-slide LinkedIn carousel using Gemini. Takes source content, builds a design brief, waits for approval, then outputs per-sl
SkillInstall · skills CLI
4,69827 days agoMIT
gemini-infographic
Generate a hand-drawn whiteboard infographic prompt. Takes source content (a post, newsletter, blog, research note) and returns a complete Gemini imag
SkillInstall · skills CLI
4,69827 days agoMIT
graphic-designer
Create LinkedIn post graphics. Decides between an HTML/CSS structured graphic or an AI-generated infographic based on the post content. Use this skill
SkillInstall · skills CLI
4,69827 days agoMIT
card-design
社媒卡片视觉设计系统:提供配色、中文字体层级、满画幅布局、品类骨架和死空白/密度质检,避免模板化 PPT 与廉价 AI 感。 当用户说“卡片难看、优化视觉、封面/海报设计、排版配色、卡片填不满、AI 味重”时使用;所有 card-*、poster-hero 等视觉产出应把它作为设计规范,而非最终渲染
SkillInstall · skills CLI
4,6703 days agoApache-2.0
card-quote
生成适合微博、知乎、公众号或 X/Twitter 分享的 16:9 横版金句卡和数据卡。当用户说“做金句卡、语录卡、数据卡、横版分享卡”时使用。小红书竖版知识卡用 card-xiaohongshu,竖版营销海报用 poster-hero。
SkillInstall · skills CLI
4,6703 days agoApache-2.0
card-xiaohongshu
把已有卡片文案渲染为 1080×1440 小红书竖版知识卡片组,并按 card-design 选择视觉风格。当用户说“渲染/制作小红书卡片、知识卡、滑动卡片组”时使用。整套笔记策划与文案用 xhs-note-creator;横版金句卡用 card-quote。
SkillInstall · skills CLI
4,6703 days agoApache-2.0
flint-chart
🪄 Flint is a visualization language that lets AI agents reliably create expressive, good-looking charts from simple, human-editable chart specs.
MCP server
4,577——
io.github.antvis/mcp-server-chart
A Model Context Protocol server for generating charts using AntV.
MCP serverGitHub-verified authorLocal · npm
4,4172 months agoMIT
designs
Show 4 better, new design options as separate real image renders of the actual app UI. Use for "designs" or when the user asks for new design ideas.
SkillInstall · skills CLI
4,3091 day agoMIT
big-pics-little-words
Explain the current subject in HTML with large visuals and minimal text while preserving key details.
SkillInstall · skills CLI
4,13414 days agoMIT
design-artifact
Design principles and creative direction for building HTML artifacts — pages, reports, plans, landing pages, demos, decks, and small tools. Use when c
SkillInstall · skills CLI
4,13414 days agoMIT
html
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 i
SkillInstall · skills CLI
4,13414 days agoMIT
html-diagram
Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state
SkillInstall · skills CLI
4,13414 days agoMIT
html-plan
Direct-invocation specialist for clear, self-contained HTML plans that preserve source material while improving hierarchy, sequence, ownership, depend
SkillInstall · skills CLI
4,13414 days agoMIT
html-prototype
Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, pro
SkillInstall · skills CLI
4,13414 days agoMIT
html-wireframe
Direct-invocation specialist for low-fidelity, self-contained HTML wireframes that test information hierarchy, content, navigation, task flow, and res
SkillInstall · skills CLI
4,13414 days agoMIT
one-pager
Make a one-pager: one HTML page that shares an idea with teammates early, or recaps work for them, with big pictures and little words.
SkillInstall · skills CLI
4,13414 days agoMIT
infographics
Create professional infographics using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Integrates research-l
SkillInstall · skills CLI
3,8165 days agoApache-2.0
latex-posters
Use when creating or revising LaTeX research posters with beamerposter, tikzposter, or baposter, including poster layout, typography, color, print siz
SkillInstall · skills CLI
3,8165 days agoApache-2.0
markdown-mermaid-writing
Comprehensive markdown and Mermaid diagram writing skill that establishes text-based diagrams as the DEFAULT documentation standard. Use this skill wh
SkillInstall · skills CLI
3,8165 days agoApache-2.0
matplotlib
Foundational plotting library. Create line plots, scatter, bar, histograms, heatmaps, 3D, subplots, export PNG/PDF/SVG, for scientific visualization a
SkillInstall · skills CLI
3,8165 days agoApache-2.0
scientific-schematics
Create publication-quality scientific diagrams using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3 Pro for quality review. Only re
SkillInstall · skills CLI
3,8165 days agoApache-2.0
scientific-slides
Build slide decks and presentations for research talks. Use this for making PowerPoint slides, conference presentations, seminar talks, research prese
SkillInstall · skills CLI
3,8165 days agoApache-2.0
scientific-visualization
Create publication figures with matplotlib/seaborn/plotly. Multi-panel layouts, error bars, significance markers, colorblind-safe, export PDF/EPS/TIFF
SkillInstall · skills CLI
3,8165 days agoApache-2.0
visualization-best-practices
Review chart choice, labeling, accessibility, and storytelling quality for existing visualizations. Use as an explicit/manual helper for critique and
SkillInstall · skills CLI
3,8165 days agoApache-2.0
deck-generator
Generate professional presentations with AI-generated images. Use when asked to create a deck, presentation, pitch deck, or slides. Supports style pre
SkillInstall · skills CLI
3,8141 day agoMIT
growth-signal-charts
Select and create Growth Signal chart posts for Instagram, X, and LinkedIn from original content, measured post performance, and primary data. Use the
SkillInstall · skills CLI
3,8141 day agoMIT
scenario-blender
Use when an agent works in an open Blender scene through the Scenario for Blender extension's local MCP server (scenario-blender on 127.0.0.1:9876): c
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-animation
Use when animating characters or objects in Blender through Python, a bouncing ball, walk or run cycle, jump, acting shot, lip sync, eye darts or faci
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-blockout
Use when a text brief or a reference image must become a Blender blockout whose playblast guides a render-to-real video pass (a video model that takes
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-expert
Use when doing any 3D work in Blender through Python or an MCP bridge, headless or in a live session: modeling, sculpting a character or head, retopol
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-export
Use when exporting a model, character or animation from Blender to a game engine, the web or a 3D printer: FBX, glTF/GLB, USD/USDZ or STL for Unity, U
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-geometry-nodes
Use when building or debugging Geometry Nodes, headless or live: procedural modeling, scattering objects on a surface, arrays along a curve, repeat or
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-grease-pencil
Use when drawing or animating with Grease Pencil in Blender 5.x from Python: 2D or 2.5D illustration, frame-by-frame animation, a cutout or part-based
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-hair
Use when grooming hair or fur in Blender with hair curves, such as a character hairstyle, animal fur, procedural fur in geometry nodes, or hair cards
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-hard-surface
Use when modeling hard-surface objects in Blender (sci-fi panels, props, weapons, vehicles, robots, machined or product parts) with booleans and cutte
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-lighting-rendering
Use when lighting, rendering or compositing in Blender: light a character, product or hero shot, interior at dusk or night, three-point or motivated l
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-previs-storyboard
Use when turning a script or story into previs, layout, storyboards or an animatic in Blender: beats to shot list, camera and lens per shot, staging,
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-retopology
Use when turning a dense sculpt, scan or AI-generated mesh into clean topology in Blender, for animation, subdivision or a game low poly with a triang
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-rigging
Use when rigging a character, creature or prop in Blender through Python: "rig this character", Rigify metarig fitting or generation errors, automatic
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-sculpting
Use when sculpting in Blender through Python: sculpt a head, face or bust, a stylized or cartoon character, a creature or a realistic portrait; block
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-texturing-shading
Use when texturing, shading or look-developing in Blender: building a PBR material from a texture set, displacement, procedural materials, edge wear,
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-blender-uv-baking
Use when UV unwrapping, placing seams, straightening or packing UVs, setting texel density, laying out UDIMs or mirrored UVs, or baking normal, AO, cu
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-brand-kit
Use when building a visual identity or brand kit with Scenario: a logo, wordmark, or icon as editable SVG, a color palette and typography spec, logo v
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-chatgpt-pet-create
Use when creating a ChatGPT pet or Codex pet with Scenario: hatching an animated companion from a text idea, a character, mascot or brand cue, or refe
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-chatgpt-pet-update
Use when changing an existing ChatGPT pet or Codex pet sprite sheet with Scenario: fixing a broken row, frame, jump or edge, regenerating one animatio
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-comic-creator
Use when a user wants to make their own comic, manga, BD, graphic novel or illustrated book with Scenario: a short personalized story from a photo or
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-consistency
Use when one look must hold across Scenario generations: one character across scenes, a turnaround, or a video animated from its references, one produ
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-formats
Use when one approved visual, image or video, must ship at many sizes or placements through Scenario: adapting a master to 1:1, 4:5, 9:16, or 16:9, so
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-identity-library
Use when a named character or prop must become a reusable identity in Scenario: creating a character or prop from a brief or interview, building its a
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-inspiration
Use when a creative task has no direction yet: finding inspiration, exploring looks or styles, proposing concept directions to pick between, building
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-maya-animation
Use when animating a character or prop in Maya through Python: a walk or run cycle, a jump or landing, a heavy lift, throw or punch, an acting or dial
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-maya-deformation
Use when skinning a character in Maya ("bind skin", "fix the weights", weight painting, Skin Tools or ngSkinTools layers), when deformation looks wron
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-maya-expert
Use when doing any Autodesk Maya task through Python or a bridge, headless or live: maya.cmds or OpenMaya 2.0 scripts, mayapy or maya.standalone batch
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-maya-fx
Use when a Maya task involves simulation or procedural effects: nCloth or Nucleus (a cape, skirt, flag or garment on an animated character, cloth thro
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-maya-groom
Use when grooming hair or fur in Maya with XGen (Interactive Groom splines or legacy descriptions): scalp hair, eyebrows, eyelashes, fur, guides, clum
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-meshy
Use when creating or refining 3D assets with Meshy models on Scenario via MCP: image-to-3D from one photo or 1-4 multi-view angles, text-to-3D, retext
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-patina-retexture
Use when retexturing an existing 3D asset with PATINA PBR materials through the Scenario MCP server: a GLB or Blender scene (an image-to-3D result wit
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-rodin
Use when generating 3D assets with Rodin Hyper3D models on Scenario via MCP: image-to-3D from up to five multiview stills, text-to-3D from a prompt, f
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-unity-rendering-lighting
Use when setting up URP (or choosing URP vs HDRP), configuring URP assets and quality tiers for PC and phones, lighting a stylized or realistic Unity
SkillInstall · skills CLI
3,7641 day agoMIT
scenario-unreal-materials
Use when a UE5 task involves materials or textures: a master material and instances for a kit, Substrate or legacy, Blendable vs Adaptive GBuffer, gla
SkillInstall · skills CLI
3,7641 day agoMIT
canva-automation
Automate Canva tasks via Rube MCP (Composio): designs, exports, folders, brand templates, autofill. Always search tools first for current schemas.
SkillInstall · skills CLI
3,7431 day agoMIT
color-curator
Browse and select color palettes from Coolors or curated fallbacks. Use to find the perfect color palette for a design project.
SkillInstall · skills CLI
3,7431 day agoMIT
design-wizard
Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation. Use for cre
SkillInstall · skills CLI
3,7431 day agoMIT
inspiration-analyzer
Analyze websites for design inspiration, extracting colors, typography, layouts, and patterns. Use when you have specific URLs to analyze for a design
SkillInstall · skills CLI
3,7431 day agoMIT
moodboard-creator
Create visual moodboards from collected inspiration with iterative refinement. Use after trend research or website analysis to synthesize design direc
SkillInstall · skills CLI
3,7431 day agoMIT
trend-researcher
Research latest UI/UX trends from Dribbble and design communities. Use when starting a design project to understand current visual trends, color palet
SkillInstall · skills CLI
3,7431 day agoMIT
typography-selector
Browse and select fonts from Google Fonts or curated pairings. Use to find the perfect typography for a design project.
SkillInstall · skills CLI
3,7431 day agoMIT
solve-challenge
Solves CTF challenges by performing first-pass triage, identifying the dominant category, and routing execution to the right specialized ctf-* skill.
SkillInstall · skills CLI
3,7011 day agoMIT
excalidraw-diagram
Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with a
SkillInstall · skills CLI
3,6824 months agoMIT
ant
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
SkillInstall · skills CLI
3,6544 months agoMIT
artistic
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
SkillInstall · skills CLI
3,6544 months agoMIT
basic
Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
SkillInstall · skills CLI
3,6544 months agoMIT
bento
Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
SkillInstall · skills CLI
3,6544 months agoMIT
bold
Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
SkillInstall · skills CLI
3,6544 months agoMIT
brutalism
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
SkillInstall · skills CLI
3,6544 months agoMIT
cafe
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
SkillInstall · skills CLI
3,6544 months agoMIT
claude
A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white
SkillInstall · skills CLI
3,6544 months agoMIT
claymorphism
Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
SkillInstall · skills CLI
3,6544 months agoMIT
clean
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
SkillInstall · skills CLI
3,6544 months agoMIT
codex
A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Blac
SkillInstall · skills CLI
3,6544 months agoMIT
colorful
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
SkillInstall · skills CLI
3,6544 months agoMIT
ccf-visual-composer
Render data analyses with Python and create or redraw scientific method, architecture and flow diagrams through a three-stage GPT Image workflow. Use
SkillInstall · skills CLI
3,5622 days agoMIT
generative-ui
Design system and templates for interactive HTML/SVG visuals in Claude and Codex, using an available inline renderer or a standalone HTML file. Use th
SkillInstall · skills CLI
3,53710 days agoMIT
documd-visuals
Create text-driven visuals in Markdown: charts, diagrams, cards, architecture and page layouts. Charts and analytical views (bar, line, pie, heatmap,
SkillInstall · skills CLI
3,40240 days agoCC-BY-4.0
qiaomu-mondo-poster-design
一句话生成大师级海报、书籍封面、专辑封面和各类设计作品。无需懂PS、配色或艺术史,AI自动选择最佳风格(基于33+位传奇设计师)。支持多平台多比例:公众号封面(21:9)、小红书配图(3:4)、文章配图(16:9)、书籍封面(9:16)、专辑封面(1:1)、电影海报(9:16)。包含AI提示词优化、
SkillInstall · skills CLI
3,2966 months agoMIT
stageshow
Build faux product UI that looks like a real product, as a still illustration or an animated demo with a cursor. Browser and app windows, dashboards,
SkillInstall · skills CLI
3,27610 days ago—
ian-xiaohei-svg-motion
Create Ian Xiaohei-style HTML/SVG motion illustrations for Chinese articles, scripts, storyboard scenes, workflow explanations, concept metaphors, and
SkillInstall · skills CLI
3,21535 days agoApache-2.0
a11y-audit
Audit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and specific fixes. Use when the
SkillInstall · skills CLI
3,1714 days agoMIT
apply-aesthetic
Apply a visual direction, an archetype (high-end agency, editorial minimal, brutalist, soft-SaaS, dark-tech) or one of 2,144 named design systems (app
SkillInstall · skills CLI
3,1714 days agoMIT
brandkit
Generate a complete, accessible brand design system from a brief, as primitive → semantic → component DTCG tokens (color, type, spacing, radius, shado
SkillInstall · skills CLI
3,1714 days agoMIT
visual-design
直出好看的网页/落地页/banner/海报/产品介绍页/无数据图表的静态报告页/简历/作品集等视觉物料——套一套设计系统,模型自由写自包含 HTML,颜值由规则锁死、不靠模板。用户说"做个网页/页面/落地页/banner/海报/报告页/作品集/简历"或"把这份内容做成网页版"时使用。含数据图表的可视
SkillInstall · skills CLI
3,0171 day agoMIT
design
Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual ident
SkillInstall · skills CLI
2,9191 day agoMIT
form
Visual designer — brand identity, color systems, typography, design tokens, and UI design.
SkillInstall · skills CLI
2,9191 day agoMIT
form-audit
Use when asked to audit UI for visual quality, check design consistency, review brand alignment, evaluate design system compliance, or find visual iss
SkillInstall · skills CLI
2,9191 day agoMIT
form-brand
Use when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish
SkillInstall · skills CLI
2,9191 day agoMIT
form-brief
Translate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview. Resolves 8 dimensions (pale
SkillInstall · skills CLI
2,9191 day agoMIT
form-component
Use when asked to design a UI component, specify a button, input, card, modal, badge, or any interactive element. Examples: "design a button component
SkillInstall · skills CLI
2,9191 day agoMIT
form-deck
Use when asked to design a pitch deck, presentation, or slide set. Examples: "design a pitch deck", "create a sales deck", "make a conference presenta
SkillInstall · skills CLI
2,9191 day agoMIT
form-email
Use when asked to design an email template, newsletter, drip campaign email, transactional email, or any HTML email asset. Examples: "design a welcome
SkillInstall · skills CLI
2,9191 day agoMIT
form-exam
Theory-backed design audit — names the principle violated, cites the source, shows the fix. Use when asked to "evaluate design quality", "check if thi
SkillInstall · skills CLI
2,9191 day agoMIT
form-logo
Use when asked to create a logo, design a brand mark, generate a logo concept, or produce any logo asset. Examples: "create a logo for X", "design a b
SkillInstall · skills CLI
2,9191 day agoMIT
form-mobile
Use when asked to design iOS or Android mobile app screens, create mobile UI, spec mobile flows, or produce screen designs for a native app. Examples:
SkillInstall · skills CLI
2,9191 day agoMIT
form-palette
Use when asked to generate a color palette, create industry-matched colors, or pick colors for a product type. Examples: "color palette for fintech",
SkillInstall · skills CLI
2,9191 day agoMIT
form-social
Use when asked to design social media graphics, ad creatives, or marketing assets. Examples: "design a LinkedIn post for our launch", "create ad creat
SkillInstall · skills CLI
2,9191 day agoMIT
form-style
Use when asked to select a UI style, choose a design direction, pick a visual approach for a product, or match a style to an industry. Examples: "what
SkillInstall · skills CLI
2,9191 day agoMIT
threejs-3d-generator
Generate, texture, rig, animate, stylize, convert, and download 3D assets for Three.js games via the Tripo API. Use for text-to-3D, image-to-3D, game-
SkillInstall · skills CLI
2,81248 days agoMIT
threejs-aaa-graphics-builder
Upgrade Three.js games from prototype visuals to premium browser graphics: art-direction critique, procedural model building, material and texture lib
SkillInstall · skills CLI
2,81248 days agoMIT
threejs-game-ui-designer
Design premium Three.js game UI: HUDs, menus, overlays, pause/win/lose screens, settings, icon controls, touch UI, typography, responsive layout, safe
SkillInstall · skills CLI
2,81248 days agoMIT
threejs-image-generator
Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material referenc
SkillInstall · skills CLI
2,81248 days agoMIT
analog-found-footage-horror
Analog, VHS, CRT, and found-footage horror aesthetics for Blender shots including camera imperfections and documentary framing.
SkillInstall · skills CLI
2,7778 days agoMIT
animation
Game-ready animation in Blender including walk/run/idle cycles, combat, mechanical animation, camera animation, constraints, Graph Editor, and NLA wor
SkillInstall · skills CLI
2,7778 days agoMIT
anime-style
Anime and cel-shaded art direction for Blender with hard color breaks, toon shaders, clean silhouettes, and anime proportion language.
SkillInstall · skills CLI
2,7778 days agoMIT
apocalypse-worlds
Apocalyptic and dystopian world art direction for Blender including post-apocalyptic, zombie, alien invasion, post-human, dystopian, and utopian contr
SkillInstall · skills CLI
2,7778 days agoMIT
archviz
Architectural visualization in Blender for interiors/exteriors with real-world scale, camera composition, PBR materials, and still/animation delivery
SkillInstall · skills CLI
2,7778 days agoMIT
asset-optimization
Validates and optimizes Blender assets for polycount, topology, UV efficiency, material count, naming, collections, and game-ready performance. Use be
SkillInstall · skills CLI
2,7778 days agoMIT
biome-worlds
Biome and setting art direction for Blender covering underwater, desert, arctic, jungle, underground, and floating-island environments.
SkillInstall · skills CLI
2,7778 days agoMIT
blender-director
Use when starting any Blender asset task, planning a production pipeline, coordinating multiple disciplines, or matching a reference photo/concept art
SkillInstall · skills CLI
2,7778 days agoMIT
blender-modeler
Core Blender modeling specialist for Edit Mode, modifiers, collections, precision modeling, and scene organization. Use for general 3D modeling, block
SkillInstall · skills CLI
2,7778 days agoMIT
body-horror-style
Body horror art direction for Blender focusing on flesh wrongness, mutation, fusion, and visceral material storytelling.
SkillInstall · skills CLI
2,7778 days agoMIT
brutalist-mood
Brutalist and concrete-monument mood direction for Blender architecture and scenes with raw concrete, monumental scale, and austere composition.
SkillInstall · skills CLI
2,7778 days agoMIT
camera-cinematography
Cinematic camera work in Blender including framing, lenses, composition, camera animation, and shot language beyond basic rendering setup via MCP.
SkillInstall · skills CLI
2,7778 days agoMIT
cartoon-style
Cartoon art direction for Blender with squash-stretch readable shapes, bold colors, and graphic silhouettes for games and animation.
SkillInstall · skills CLI
2,7778 days agoMIT
character-archetypes
Character archetype art direction for Blender covering fantasy races, horror creatures, roles (knight, assassin, detective), and body types (mecha, an
SkillInstall · skills CLI
2,7778 days agoMIT
character-artist
AAA character modeling for human anatomy, stylization, facial topology, clothing, hair, and animation-ready meshes. Use for game characters, facial ex
SkillInstall · skills CLI
2,7778 days agoMIT
chibi-style
Chibi and SD proportion art direction for Blender characters with oversized heads, simplified anatomy, and cute silhouette rules.
SkillInstall · skills CLI
2,7778 days agoMIT
cloth-sim
Garment blockout, cloth simulation, pin groups, and bake to shape keys or caches for characters and props in Blender via MCP.
SkillInstall · skills CLI
2,7778 days agoMIT
collision-proxy
Collision proxy authoring for games including UCX/UHX naming, convex hulls, capsules, and simple collider meshes in Blender via MCP.
SkillInstall · skills CLI
2,7778 days agoMIT
comic-book-style
Comic book and graphic-novel art direction for Blender with ink-line emphasis, halftone cues, and high-contrast framing.
SkillInstall · skills CLI
2,7778 days agoMIT
compositing
Blender compositor workflows for beauty stacks, render passes, color grade, glare, and delivery outputs via MCP.
SkillInstall · skills CLI
2,7778 days agoMIT
cosmic-eldritch-horror
Cosmic, eldritch, and Lovecraftian horror art direction for Blender with non-Euclidean cues, impossible scale, and incomprehensible forms.
SkillInstall · skills CLI
2,7778 days agoMIT
cozy-wholesome-mood
Cozy, cute, wholesome, relaxing, and peaceful mood direction for Blender assets and scenes.
SkillInstall · skills CLI
2,7778 days agoMIT
doory
Open source canva alternative
MCP server
2,732——
hooked-ux
Design habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment). Use when the user mentions "users arent coming
SkillInstall · skills CLI
2,6921 day agoMIT
made-to-stick
Craft messages that are understood, remembered, and drive action using the SUCCESs checklist (Simple, Unexpected, Concrete, Credible, Emotional, Stori
SkillInstall · skills CLI
2,6921 day agoMIT
microinteractions
Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones. Use when the user mentions "mic
SkillInstall · skills CLI
2,6921 day agoMIT
mcp_excalidraw
MCP server and Claude Code skill for Excalidraw — programmatic canvas toolkit to create, edit, and export diagrams via AI agents with real-time canvas
MCP server
2,647——
infographics
Create professional infographics using Nano Banana Pro AI with smart iterative refinement. Uses Gemini 3.6 Flash for quality review. Integrates resear
SkillInstall · skills CLI
2,5763 days agoMIT
PaperBanana
Generate academic diagrams and statistical plots from text using multi-agent AI.
MCP serverGitHub-verified authorLocal · PyPI
2,47958 days agoMIT
xhs-note-creator
小红书笔记素材创作技能。当用户需要创建小红书笔记素材时使用这个技能。技能包含:根据用户的需求和提供的资料,撰写小红书笔记内容(标题+正文),生成图片卡片(封面+正文卡片),以及发布小红书笔记。支持 8 种精美排版主题和 4 种智能分页模式。
SkillInstall · skills CLI
2,4753 months ago—
huashu-design
设计哲学顾问,从20种风格中推荐3个方向并生成视觉Demo和AI提示词。当用户提到"设计风格"、"设计方向"、"配色方案"、"视觉风格"、"设计评审"、"推荐风格"时使用。
SkillInstall · skills CLI
2,2685 days agoMIT
huashu-slides
从内容到成品PPTX的端到端演示文稿制作,含AI插画生成和18种设计风格。当用户提到"做PPT"、"做幻灯片"、"演示文稿"、"Keynote"、"slides"时使用。
SkillInstall · skills CLI
2,2685 days agoMIT
mermaidjs-v11
Create diagrams and visualizations using Mermaid.js v11 syntax. Use when generating flowcharts, sequence diagrams, class diagrams, state diagrams, ER
SkillInstall · skills CLI
2,2447 months ago—
threejs
Build 3D web apps with Three.js (WebGL/WebGPU). Use for 3D scenes, animations, custom shaders, PBR materials, VR/XR experiences, games, data visualiza
SkillInstall · skills CLI
2,2447 months ago—
2slides
AI-powered presentation generation using 2slides API. Create slides from text content, match reference image styles, or summarize documents into prese
SkillInstall · skills CLI
2,1922 days agoMIT
animation-shader
READ this skill when implementing or configuring animation-style shaders (Toon/Cel Shaders) — including outlines, rim lighting, toon shading, MatCap,
SkillInstall · skills CLI
2,1922 days agoMIT
anygen-diagram
Use this skill any time the user wants to create diagrams, flowcharts, or visual structures. This includes: architecture diagrams, mind maps, org char
SkillInstall · skills CLI
2,1922 days agoMIT
anygen-slide
Use this skill any time the user wants to create, design, or produce slide presentations — as standalone files or embedded content. This includes: pit
SkillInstall · skills CLI
2,1922 days agoMIT
anygen-storybook
Use this skill any time the user wants to create visual stories, illustrated narratives, or storybook content. This includes: storybooks, comics, chil
SkillInstall · skills CLI
2,1922 days agoMIT
higgsfield-brandkit
Create and extend complete visual brand systems through the Higgsfield CLI and bundled deterministic local tooling: palettes, SVG logo marks, typograp
SkillInstall · skills CLI
1,97910 days agoMIT
app-icon
Liquid Glass macOS app icon made as an Icon Composer file (Icon/AppIcon.icon, JSON plus SVG layers), compiled with actool, and reviewed in every look
SkillInstall · skills CLI
1,8119 days agoMIT
design-from-app
Rebuild the look of an app the user likes as a native SwiftUI design kit, by measuring its screenshots (sizes, spacing, type, colors, icons), building
SkillInstall · skills CLI
1,8119 days agoMIT
design-kit
Custom design system for a macOS SwiftUI app with its own parts, not Apple's, covering three token layers, type, an icon set, every part in every stat
SkillInstall · skills CLI
1,8119 days agoMIT
design-system
Accent color and design system for a macOS app, from the app's accent and the accent picker in Settings to Swift tokens in code plus a design/DESIGN-S
SkillInstall · skills CLI
1,8119 days agoMIT
layout-grid
Grid and alignment rules for a macOS SwiftUI app, with three checks that catch misalignment (a lint for off-grid numbers, a layout probe that measures
SkillInstall · skills CLI
1,8119 days agoMIT
mac-design
Design rules that make a SwiftUI app look and feel like a native Mac app on macOS 26 and later, from Apple's eight design principles to Liquid Glass,
SkillInstall · skills CLI
1,8119 days agoMIT
MeiGen-AI-Design-MCP
Discover inspiration and create images and videos with the latest AI models. Works with ChatGPT, Claude, Cursor, and other MCP clients.
MCP server
1,802——
anidoodle
Code-drawn stills, films, 3D motion graphics, explainers and web animations in 32 styles, with scores, narration and subtitles. Use when asked for an
SkillInstall · skills CLI
1,6669 days agoApache-2.0
openkb-deck-editorial
Use when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content. Generates a poli
SkillInstall · skills CLI
1,6629 days ago—
openkb-deck-neon
Use when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark,
SkillInstall · skills CLI
1,6629 days ago—
openkb-html-critic
Use to review a generated HTML deck or single-page artifact for visual quality and structural correctness. Especially good at catching CSS specificity
SkillInstall · skills CLI
1,6629 days ago—
disney-animation-rule-skill
Apply Disney's 12 principles as practical design and engineering rules for procedural animation. Use when creating, improving, reviewing, or debugging
SkillInstall · skills CLI
1,6444 days ago—
light-spotlight-render
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors. Use when users ask for 聚光灯
SkillInstall · skills CLI
1,6444 days ago—
pixel2motion
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reaso
SkillInstall · skills CLI
1,6444 days ago—
printed-curtain-render
Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving stra
SkillInstall · skills CLI
1,6444 days ago—
procedural-fish-render
Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command.
SkillInstall · skills CLI
1,6444 days ago—
remotion-3d-ticker
Creates infinite 3D vertical scrolling ticker animations in Remotion. Use when you need to build a parallax gallery, infinite image scroll, multi-colu
SkillInstall · skills CLI
1,6444 days ago—
remotion-candlestick
在 Remotion 项目中创建带动画的金融 K 线图(蜡烛图)。涵盖数据获取(Yahoo Finance)、 插件架构(config / timeline / Scene / plugin)、Canvas 逐帧绘制、深色交易终端风格、 以及 Remotion Studio 预览和渲染输出。触发词:
SkillInstall · skills CLI
1,6444 days ago—
remotion-vinyl-player
Creates an elegant, realistic Vinyl Record Player animation component for Remotion. Use when needing a music player UI, album showcase, or audio-visua
SkillInstall · skills CLI
1,6444 days ago—
ruler-progress-render
Clone or update https://github.com/sxhzju/ruler-progress-animator and render a ruler progress video with default parameters. Use when users ask for re
SkillInstall · skills CLI
1,6444 days ago—
threejs-earth-render
Clone or update https://github.com/vibe-motion/threejs-earth and render the Three.js Earth route animation with Puppeteer frame capture. Use when user
SkillInstall · skills CLI
1,6444 days ago—
wechat-2d-render
Clone or update https://github.com/sxhzju/wechat-2d and render the default WeChat-style 2D chat motion video with Remotion. Use when users ask for 微信聊
SkillInstall · skills CLI
1,6444 days ago—
pretty-mermaid
Generate and render Mermaid diagrams for architecture docs, READMEs, PRs, terminals, chats, and CI as themed SVG, PNG, or ASCII/Unicode art. Use this
SkillInstall · skills CLI
1,5772 months agoMIT
animateicons
1,500 free, open source animated icons for React, Vue, Angular and plain JavaScript. Every animation is hand-crafted and tuned to feel smooth, and pla
MCP server
1,542——
academic-pptx
Use this skill whenever the user wants to create or improve a presentation for an academic context — conference papers, seminar talks, thesis defenses
SkillInstall · skills CLI
1,5224 months agoMIT
drawio-scientific-illustrator
Live MCP control of the visible draw.io canvas for step-by-step scientific illustration in Codex.
MCP server
1,469——
gpt-image2-ppt
Generate visually striking PPT slides via OpenAI's gpt-image-2 -- use any style in styles/<collection>/STYLE_ID.md or mimic a user-supplied .pptx temp
SkillInstall · skills CLI
1,4532 months agoApache-2.0
emailmd
Render markdown into email-safe HTML, lint drafts for deliverability problems, and preview emails.
MCP serverVerified domain · emailmd.devLocal · npm
1,39039 days agoMIT
io.github.sceneview/mcp
3D & AR SDK for Android, iOS, Web — API docs, samples, validation, and code generation.
MCP serverGitHub-verified authorLocal · npm
1,3641 day agoApache-2.0
wenyan-mcp
文颜 MCP Server 可以让 AI 自动将 Markdown 文章排版后发布至微信公众号。
MCP server
1,357——
3dviz-pro-max
Design and build expressive 3D scenes, explainers and interactive models with grounded subject knowledge. Use for 3D creation or edits, including scie
SkillInstall · skills CLI
1,2842 months agoMIT
binance-sports-ai-analyzer
Use when users ask for World Cup or 世界杯 AI match predictions, WC assistant probabilities, World Cup news insights, master analysis, recomputing footba
SkillInstall · skills CLI
1,1682 days ago—
blender-plugin
Scenario for Blender: AI images, video, 3D and PBR materials in the viewport, plus a local MCP server for agents. Blender 5.0+ extension, GPL-3.0-or-l
MCP server
1,008——
superdesign
Design or redesign frontend UI and marketing graphics on the Superdesign infinite canvas. Reads your codebase for context, sets up a design system, an
PluginAnthropic marketplace
1,0002 months agoMIT
threejs-atmosphere-aerial-perspective
Implement physically motivated sky and aerial-perspective systems in Three.js. Use for planetary atmospheres, ground-to-space transitions, Rayleigh/Mi
SkillInstall · skills CLI
99023 days agoMIT
threejs-bloom
Implement production bloom in advanced Three.js scenes. Use for HDR signal ordering, bloom-node controls, dual selective bloom with guaranteed materia
SkillInstall · skills CLI
99023 days agoMIT
threejs-camera-direction
Direct advanced Three.js camera systems. Use for scale-aware chase rigs, thrust lag, side/orbit cameras, body-relative up vectors, quaternion handoffs
SkillInstall · skills CLI
99023 days agoMIT
threejs-exposure-color-grading
Build a measured exposure and grading path in Three.js. Use for a 64x36 encoded luminance meter, asynchronous readback, weighted log-average exposure,
SkillInstall · skills CLI
99023 days agoMIT
threejs-image-pipeline
Build a deliberate final-image pipeline for advanced Three.js scenes. Use for depth, normal, albedo, and history ownership; GTAO or bent normals; bloo
SkillInstall · skills CLI
99023 days agoMIT
threejs-parallax-occlusion-mapping
Build silhouette-aware parallax occlusion mapping in Three.js WebGPU and TSL. Use for height-field ray marching, relief UVs, clipped flat or curved si
SkillInstall · skills CLI
99023 days agoMIT
threejs-precipitation-surfaces
Build coupled precipitation and affected surfaces in Three.js. Use for falling snow, snow accumulation, model snow caps, wet asphalt puddles, procedur
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-animation
Build advanced procedural animation in Three.js. Use for launch kinematics, gravity turns, staging, spin docking, target-frame decomposition, spring-f
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-architecture
Build authored procedural buildings and architectural kits in Three.js. Use for massing grammars, exposed-edge analysis, façade bays, profiles, arches
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-fields
Build coherent procedural scalar and vector fields for Three.js materials and geometry. Use for terrain, planets, wear, biomes, clouds, water masks, d
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-geometry
Build well-crafted production procedural meshes in Three.js. Use for complete hard-surface assemblies and humanoid robots, profile extrusion, paramete
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-materials
Author production procedural materials in Three.js. Use for simulated paper burning with coupled sheet combustion and pyro fluids, luminescent jellyfi
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-planets
Author procedural planetary bodies in Three.js. Use for spherical terrain, continents, ridges, craters, biome masks, coastlines, material variation, a
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-vegetation
Generate authored procedural trees, grass, ivy, flowers, and vegetation in Three.js or raw WebGPU. Use for surface-following vines, painted ivy paths,
SkillInstall · skills CLI
99023 days agoMIT
threejs-procedural-vfx
Author production real-time VFX in Three.js. Use for filmic HDR lens-flare compositors, highlight-derived ghosts, field-angle pupil deformation, local
SkillInstall · skills CLI
99023 days agoMIT
threejs-raymarched-space-effects
Build raymarched space phenomena in Three.js. Use for black-hole lensing, accretion disks, wormhole throat transits, curved-ray and null-geodesic inte
SkillInstall · skills CLI
99023 days agoMIT
threejs-screen-space-ambient-occlusion
Implement a production GTAO path in Three.js. Use for half-resolution horizon sampling, reversed-depth reconstruction, bent-normal encoding, full-reso
SkillInstall · skills CLI
99023 days agoMIT
io.github.Vrun-design/openflowkit-mcp
Architecture diagrams for your agent: draw on the live OpenFlowKit canvas or edit diagram files.
MCP serverGitHub-verified authorLocal · npm
9737 days agoMIT
anthropic-style-diagram
Draw architecture, flow and structural diagrams in the Anthropic/Claude visual language as SVG, then render and save them as PNG. Trigger ONLY when th
SkillInstall · skills CLI
9433 months agoMIT
seecode
Create animated, explorable editorial diagrams in 45 types (architecture, flowchart, sequence, state, ER, DB schema, UML class, swimlane, timeline, ga
SkillInstall · skills CLI
94212 days agoMIT
paper-slide-deck
Use when the user wants visually striking, shareable slide-deck IMAGES from any content — an article, blog post, topic, or paper — where look-and-feel
SkillInstall · skills CLI
8879 days ago—
scholar-slides
Use when the user wants a research paper, arXiv/DOI link, or research topic turned into academic slides — journal club / lab meeting (组会汇报), thesis de
SkillInstall · skills CLI
8879 days ago—
apple-hig
Apple Human Interface Guidelines reference, updated for iPhone Duo and OS 27. Provides authoritative platform-specific design rules, component specifi
SkillInstall · skills CLI
83228 days agoMIT
kubai-icons
生成一套风格统一的功能图标,可以交付悬停时会形变的动态版(SVG + JS),也可以导出静态 SVG 文件,沿用 Lumno 书签文件夹图标的构造:后片、内容、前片分层,外描边,所有颜色从一个主色推导,两组关键帧的悬停动效,可切换色板。用户要做图标、功能图标、动态图标、静态 SVG 图标、icon
SkillInstall · skills CLI
8161 day ago—
canvas-generative
Algorithmic and generative art with Canvas 2D - particles, flow fields, noise, fractals, L-systems.
SkillInstall · skills CLI
7951 day ago—
compose-graphics
Advanced Compose visuals - Material 3 Expressive motion physics, AGSL shaders (Android 13+), Canvas/DrawScope generative, graphicsLayer effects.
SkillInstall · skills CLI
7951 day ago—
compose-motion
Jetpack Compose animation foundations - animate*AsState, AnimatedVisibility, Crossfade, updateTransition, SharedTransitionLayout, gestures.
SkillInstall · skills CLI
7951 day ago—
compose-multiplatform
Compose Multiplatform / KMP patterns - expect/actual composables, platform-specific code, density and font handling cross-target, iOS/Android/Desktop
SkillInstall · skills CLI
7951 day ago—
css-native
Zero-dependency animations and visual techniques - scroll-driven, View Transitions, @starting-style, modern CSS.
SkillInstall · skills CLI
7951 day ago—
design-audit
Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.
SkillInstall · skills CLI
7951 day ago—
desktop-principles
Desktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-window, focus management. Covers macOS, Windows, Linux, we
SkillInstall · skills CLI
7951 day ago—
framer-motion
Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.
SkillInstall · skills CLI
7951 day ago—

Filters apply to the top 400 of 1,269 tools by stars. Full list for agents: media-design.json