ci-mockup-figure

ci-mockup-figure is a skill for Codex from yzhao062/anywhere-agents. It costs 71 tokens per session (6,886 once invoked), scanned A, original, Apache-2.0.

A guide for creating compact technical figures for papers, proposals, and documentation. It covers diagrams, dashboards, timelines, and system-flow illustrations.

In plain words
What is it for?
Use it to choose between HTML, TikZ, skia-canvas, or Illustrator workflows, capture figures, and insert them into LaTeX or Markdown.
Why use it?
It helps fit more useful information into limited page space while keeping diagrams readable.

Skill for Codex

Written for Codex: agents/openai.yaml present. Also seen: mentions Codex.

Good fit Use it to choose between HTML, TikZ, skia-canvas, or Illustrator workflows, capture figures, and insert them into LaTeX or Markdown.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/yzhao062/anywhere-agents/ci-mockup-figure
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add yzhao062/anywhere-agents --skill ci-mockup-figure
Clone the repo
git clone --depth 1 https://github.com/yzhao062/anywhere-agents

Made for: Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for ci-mockup-figure

README.md
[![agentmods](https://agentmods.dev/badge/skills/yzhao062/anywhere-agents/ci-mockup-figure/github.svg)](https://agentmods.dev/skills/yzhao062/anywhere-agents/ci-mockup-figure)
Your own site
<a href="https://agentmods.dev/skills/yzhao062/anywhere-agents/ci-mockup-figure"><img src="https://agentmods.dev/badge/skills/yzhao062/anywhere-agents/ci-mockup-figure/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for ci-mockup-figure

Your own site · 80×15
<a href="https://agentmods.dev/skills/yzhao062/anywhere-agents/ci-mockup-figure"><img src="https://agentmods.dev/badge/skills/yzhao062/anywhere-agents/ci-mockup-figure.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 71 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 6,886 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector warn 7 Sept 2026
SkillSpector: 1 finding, up to medium

These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →

  • medium Output Handling · line 587
    Output size or generation rate is not bounded. Unbounded output enables denial-of-service through resource exhaustion, log flooding, or context-window stuffing.
    Fix: Set explicit limits on output length, generation count, and rate. Use max_tokens and truncation to prevent unbounded output.
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00071 $0.06886
Opus 5 $0.00036 $0.03443
Sonnet 5 $0.00014 $0.01377
Haiku 4.5 $0.00007 $0.00689

Measured 12d ago against content hash b68d7f880343, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

ci-mockup-figure scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

packages/pypi/anywhere_agents/composer/skills/ci-mockup-figure/SKILL.md · 604 lines

How it starts

The opening of the file, as written. The whole thing — 604 lines — stays where its author put it; the contents beside it link to each section on GitHub.

CI Mockup Figure

Overview

The goal is space-efficient, information-dense figures that communicate a system's design, a method's pipeline, or an architectural flowchart in minimal page area. Three paths depending on figure type:

  • HTML mockup path (Phases 1-4 below): for UI mockups, dashboards, timelines, and any figure where content is rectangular with no cross-node arrows. Build interactive HTML, capture screenshots, insert into LaTeX.
  • README / Markdown hero path (README / Markdown Target section): same HTML build phase, but capture via headless Chrome to a PNG and embed it as a Markdown image referencing assets/fig.png. Requires larger type, higher content density, and one dominant focal element -- the viewer scales the image down to column width.
  • Abstract figure path (Abstract Figure Toolchain section): for architecture overviews, dependency topologies, and any figure needing arrow routing between non-adjacent nodes. Use TikZ, skia-canvas, or Illustrator ExtendScript.

Every figure must pass the space test: does this figure communicate more per square inch than the text it displaces? If a full-width figure takes half a page but only says "A → B → C → D", it fails. A wrapfigure showing an interactive prototype with search results, graph nodes, and real data labels passes because it communicates system design, data model, and UX simultaneously.

This skill works for any document where figures need to communicate design or methodology credibly: research papers (method overview, architecture diagrams, pipeline flowcharts), proposals (NSF, NIH, DOE, etc.), technical reports, or demo writeups. It is especially effective when the figure needs to show multi-component structure, data flow, or step-by-step methodology and reviewers evaluate whether the design is credible and well-conceived.

HTML mockups vs TikZ/LaTeX diagrams

HTML and TikZ each have a clear strength. The deciding factor is whether the figure needs arrow routing between non-adjacent nodes.

Read the full file on GitHub · 604 lines

Files

What ships with it

1 file beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 12d ago First seen · 604 lines · 71 tokens per session scan A b68d7f880343

Subscribe to this mod's changes

ci-mockup-figure is a skill published in the GitHub repository yzhao062/anywhere-agents (244 stars, last pushed today), licensed Apache-2.0. It adds 71 tokens to every session and 6,886 once invoked, about $0.0004 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

lab-qc-presentation-theme

Use when creating or restyling German HTML/CSS/JS presentations for chemical production quality-control laboratory audiences: laboratory technicians, scientists, and/or quality-control teamleaders. Reproduces a modern professional green laboratory theme while regenerating content only from the current source material.

Firstp1ck/pi-coding-agent-forge · 61 tokens

detecting-dependency-confusion

Detect and prevent public-over-private name resolution in npm, PyPI, and Maven.

adriannoes/awesome-agentic-ai · 24 tokens

detecting-typosquatting-packages-in-npm-pypi

Detects typosquatting attacks in npm and PyPI package registries by analyzing package name similarity using Levenshtein distance and other string metrics, examining publish date heuristics to identify recently created packages mimicking established ones, and flagging download count anomalies where suspicious packages…

adriannoes/awesome-agentic-ai · 132 tokens

detecting-typosquatting-packages

Flag misspelled, brandjacked, and typosquatted package names across npm, PyPI, and crates.io before installation using edit-distance, keyboard-proximity, and known-target corpus matching with typomania, OSSGadget, and pypi-scan.

adriannoes/awesome-agentic-ai · 66 tokens

bumblebee

Run Bumblebee supply-chain inventory and exposure scans on macOS/Linux to detect compromised packages, extensions, and MCP host configs.

aboalrejal-ai/skills · 29 tokens

instrument-data-to-allotrope

Convert laboratory instrument output files (PDF, CSV, Excel, TXT) to Allotrope Simple Model (ASM) JSON format or flattened 2D CSV. Use this skill when scientists need to standardize instrument data for LIMS systems, data lakes, or downstream analysis. Supports auto-detection of instrument types. Outputs include full…

anthropics/knowledge-work-plugins · 123 tokens