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.
npx skills add S3YED/appie-kit --skill baoyu-visual-skillsgit clone --depth 1 https://github.com/S3YED/appie-kitWrote 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.
[](https://agentmods.dev/skills/s3yed/appie-kit/baoyu-visual-skills)<a href="https://agentmods.dev/skills/s3yed/appie-kit/baoyu-visual-skills"><img src="https://agentmods.dev/badge/skills/s3yed/appie-kit/baoyu-visual-skills/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.
<a href="https://agentmods.dev/skills/s3yed/appie-kit/baoyu-visual-skills"><img src="https://agentmods.dev/badge/skills/s3yed/appie-kit/baoyu-visual-skills.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00070 | $0.02247 |
| Opus 5 | $0.00035 | $0.01123 |
| Sonnet 5 | $0.00014 | $0.00449 |
| Haiku 4.5 | $0.00007 | $0.00225 |
Grade C, and why
baoyu-visual-skills scanned grade C with 2 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 9d 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.
Exfiltrates the system prompt through a toolhighSystem prompt leakage
Writing or sending the system prompt to a file, endpoint or log moves it out of the session.
3. **Prompt files are mandatory** — save prompt to disk before every `image_generate` call Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
5. **Use absolute paths for curl** — never trust persistent-shell CWD across batches How it starts
The opening of the file, as written. The whole thing — 203 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Baoyu Visual Skills — Infographics, Comics & Article Illustrations
Three visual content generators from the baoyu suite (by 宝玉/JimLiu), all sharing the same image_generate-based backend, prompt-only workflow, and file structure conventions.
Section 1: Infographics (baoyu-infographic)
21 layouts × 21 styles for creating information graphics, data visualizations, and educational diagrams.
When to Use
User asks for infographic, visual summary, information graphic, "信息图", "可视化", or "高密度信息大图".
Layouts (21)
| Layout | Best For |
|---|---|
linear-progression |
Timelines, processes, tutorials |
binary-comparison |
A vs B, before-after, pros-cons |
comparison-matrix |
Multi-factor comparisons |
hierarchical-layers |
Pyramids, priority levels |
tree-branching |
Categories, taxonomies |
hub-spoke |
Central concept with related items |
structural-breakdown |
Exploded views, cross-sections |
bento-grid |
Multiple topics, overview (default) |
iceberg |
Surface vs hidden aspects |
bridge |
Problem-solution |
funnel |
Conversion, filtering |
isometric-map |
Spatial relationships |
dashboard |
Metrics, KPIs |
periodic-table |
Categorized collections |
comic-strip |
Narratives, sequences |
story-mountain |
Plot structure, tension arcs |
jigsaw |
Interconnected parts |
venn-diagram |
Overlapping concepts |
winding-roadmap |
Journey, milestones |
circular-flow |
Cycles, recurring processes |
dense-modules |
High-density modules, data-rich guides |
Styles (21)
craft-handmade (default), claymation, kawaii, storybook-watercolor, chalkboard, cyberpunk-neon, bold-graphic, aged-academia, corporate-memphis, technical-schematic, origami, pixel-art, ui-wireframe, subway-map, ikea-manual, knolling, lego-brick, pop-laboratory, morandi-journal, retro-pop-grid, hand-drawn-edu
Workflow
- Analyze content → save source + analysis files
- Recommend 3-5 layout × style combinations based on content structure
- Confirm with user (combination, aspect ratio, language)
- Generate prompt using layout + style definitions → save to
prompts/infographic.md - Generate image via
image_generate→ download URL to output directory - Report summary
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.
- 9d ago First seen · 203 lines · 70 tokens per session scan C b9a96b477511
baoyu-visual-skills is a skill published in the GitHub repository S3YED/appie-kit (9 stars, last pushed 17d ago), licensed MIT. It adds 70 tokens to every session and 2,247 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it C with 2 findings (exfiltrates the system prompt through a tool, makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.
Other skills, from other repositories
animation-patterns
Framer Motion patterns, page transitions, skeleton loading, scroll-linked animations, and gesture-based interactions for React.
accessibility-patterns
WCAG 2.2 AA compliance, ARIA patterns, keyboard navigation, screen reader optimization.
component-library-patterns
Design system token management, component API design, Storybook, and visual regression testing patterns.
ux-audit
Walk through a live web app AS a real user to find usability + behavioural bugs that static reviews miss. REQUIRES proof of interaction (typing, clicking, sending, observing) before any verdict — a sweep that didn't interact terminates with verdict 'Incomplete'. Walks threads, exercises every element, runs the…
excalidraw-architecture
Trigger when the user asks for an architecture diagram, says "draw the system", "update the architecture diagram", "give me an excalidraw of this codebase", or "/excalidraw-architecture". Generates or updates an Excalidraw JSON file at docs/architecture.excalidraw by reading the codebase's key entry points.
design-loop
Autonomous multi-page site builder using a baton-passing loop. Each iteration reads a task from .design/next-prompt.md, generates a page in HTML/Tailwind, integrates it into the site, verifies visually, then writes the next task to keep the loop alive. Use whenever the user asks to build an entire site autonomously…