Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

figure-table-planner

Plan figures and tables that support the modeling logic, results, and paper narrative.

265 repo starsObserved in 2 repos
Design

math-figure-generator

Generate publication-quality mathematical modeling figures with matplotlib, covering evaluation charts, prediction plots, optimization diagrams, mechanism schematics, heatmaps, and multi-panel layouts. Use when creating or revising figures for contest papers.

265 repo starsObserved in 2 repos
Design

taste-design

Concrete UI visual rule set for generating and reviewing restrained neutral interfaces. Use for tasks that need exact style constraints: plain sans-serif typography, pale neutral canvases, rounded surfaces, soft shadows, minimal borders, low-saturation color, sparse density, content-neutral placeholders, and anti-collapse guardrails.

264 repo starsObserved in 1 repos
Design

ag-ui-design

Use when an Agent must design user-visible AG-UI Markdown constraints before ag-ui-response publishes MQ, including layout, components, semantic labels, thought summaries, tool-call presentation, results, errors, clarification, and hidden-content boundaries.

263 repo starsObserved in 1 repos
Design

spine-animation

Create Spine 2D skeletal animations from pre-existing character assets (separated body-part PNGs, atlas spritesheet, or a full character image). Use this skill whenever the user wants to animate a 2D character, create Spine JSON from existing art assets, rig a character with bones, build walk/idle/run/attack animations, produce an interactive Spine Web Player preview, or generate Spine-compatible export files (.json + .atlas + .png). Also trigger when the user mentions "Spine animation", "2D rigging", "skeletal animation", "bone animation", "cutout animation", "animate this character", "make this walk", "create walk cycle", or uploads separated character body parts and wants them animated. This skill handles the full pipeline: asset analysis, skeleton rigging, animation keyframing, Spine JSON export, and interactive HTML5 preview.

262 repo starsObserved in 1 repos
Design

stories

Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also for starting or previewing Storybook to verify UI, requests to show, browse, or list components, stories, or UI states, and docs, props, or usage lookups.

262 repo starsObserved in 1 repos
Design

qiaomu-info-card-designer

将任意文本/URL/信息转化为杂志质感 HTML 信息卡片,并自动截图保存为图片。 支持直接输入 URL(X/Twitter、网页文章等),自动抓取内容、提炼要点、生成卡片。 适合分享到 X (Twitter)、微信、小红书等平台。 触发词:"生成信息卡"、"做张信息卡"、"把这段内容做成卡片"、"信息卡片"、"make info card"、"generate card"、"把这个链接做成卡片"。 卡片特点:大字号、强排版张力、瑞士国际主义 + 杂志质感风格,生成后自动截图,超长智能分割输出图片。

261 repo starsObserved in 1 repos
Design

figure-recommender

Use when the user wants help choosing a scientific chart type, matching a data-storytelling goal to a figure, or finding the right notebook template in Awesome-Scientific-Figures.

259 repo starsObserved in 1 repos
Design

create-cli

This skill should be used when the user asks to "design a CLI", "help me design command-line flags", "what flags should my tool have", "create a CLI spec", "refactor my CLI interface", "design a CLI my agent can call", or wants to design command-line UX (args/flags/subcommands/help/output/errors/config) before implementation or audit an existing CLI surface for consistency and composability.

258 repo starsObserved in 1 repos
Design

art-direct

Art direction for any content — reads text, PDF, Word, HTML, PPT, then proposes 2-3 creative directions with photography style, mood, and visual language. After selection, generates AI image prompts and visual briefs section-by-section. Use when the user shares content and needs visual direction, image sourcing, or creative direction for any material.

257 repo starsObserved in 2 repos
Design