Design skills

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

paper-illustration-image2

Generate publication-quality academic illustrations through a local Codex app-server bridge that uses Codex native image generation. This is a separate experimental alternative to `paper-illustration`, intended for Claude Code users who want a GPT-image-style renderer without modifying the original skill.

120 repo starsObserved in 7 repos
Design

figure-spec

Generate deterministic publication-quality architecture, workflow, and pipeline diagrams from structured JSON (FigureSpec) into editable SVG. Use when user says "架构图", "workflow 图", "pipeline 图", "确定性矢量图", "figure spec", "draw architecture", or needs precise, editable, publication-ready vector diagrams. Preferred over AI illustration for formal architecture/workflow figures.

120 repo starsObserved in 4 repos
Design

3dgs-visualizer

Generate publication-quality visualizations for 3DGS research: radar charts, comparison tables, method timelines. Static (PDF/PNG) and interactive (HTML) output. Use when: creating comparison charts for 3DGS papers, visualizing method capabilities, generating method timelines or radar plots, 3DGS可视化/论文配图/方法对比图表.

120 repo starsObserved in 1 repos
Design

editorial-infographic

Single-page, longform infographic for thought leadership posts. Multi-agent panel pipeline: Architect (structure) + Illustrator (visual) + Skeptic (fidelity), arbitrated by an Editor. Source-verbatim (no invented vocabulary), branded (dark masthead + dark CTA footer bookending cream content), and conversion-optimized (the URL is the artifact's loudest element). Use when shipping a 1-pager derived from authored long-form content (book chapter, research paper, methodology spec) for LinkedIn, X, blog hero, or conference handout. Triggers: editorial infographic, longform infographic, 1-pager, one pager, chapter infographic, book chapter visual, thought leadership chart, panel-reviewed visual, methodology infographic, framework infographic, visual essay, LinkedIn long image.

120 repo starsObserved in 1 repos
Design

implement_ui

Convert a provided UI design source into an implementation-ready design brief that maps visual intent to Torus design tokens, icons, reusable components, and code targets. Use when a Jira ticket or developer provides Figma or another design reference and the team needs governed implementation guidance before coding. Supports durable feature briefs and lightweight ticket-level briefs.

120 repo starsObserved in 1 repos
Design

generate-sitemap

Generate hierarchical site structure and navigation maps. Creates visual representations of information architecture and content relationships.

119 repo starsObserved in 3 repos
Design

imgx-template-generator

生成符合 Satori 渲染约束的 IMGX Vue 模板,将文本转换为精美的卡片图片

119 repo starsObserved in 1 repos
Design

add-theme-icons

Add new `AppTheme.Icon` entries by pulling Icons8 icons (Arcade style by default) and converting them to Compose ImageVectors via the Valkyrie CLI.

118 repo starsObserved in 1 repos
Design

alive:my-context-graph

Render an interactive map of your world. Generates the world index from all walnut and bundle frontmatter, then produces a force-directed graph showing connections between walnuts, people, bundles, and tags. Opens in the browser.

118 repo starsObserved in 1 repos
Design

iconbutton-a11y

Enforce the Campfire IconButton accessibility convention — every IconButton (and its derivatives) must be wrapped with `IconButtonTooltip` and given a localized action label. Trigger when reviewing or authoring Compose UI that adds, copies, or moves an icon-only button.

118 repo starsObserved in 1 repos
Design