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 BingHanOfUESTC/open_agent_team --skill visual-style-systemgit clone --depth 1 https://github.com/BingHanOfUESTC/open_agent_teamWrote 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/binghanofuestc/open_agent_team/visual-style-system)<a href="https://agentmods.dev/skills/binghanofuestc/open_agent_team/visual-style-system"><img src="https://agentmods.dev/badge/skills/binghanofuestc/open_agent_team/visual-style-system.svg" alt="Measured on agentmods" 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.00000 | $0.00697 |
| Opus 5 | $0.00000 | $0.00349 |
| Sonnet 5 | $0.00000 | $0.00139 |
| Haiku 4.5 | $0.00000 | $0.00070 |
Grade A, and why
visual-style-system 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 4d 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.
How it starts
The opening of the file, as written. The whole thing — 99 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Visual Style System
Use this skill to extract or design a PPT style system that can be encoded into style_spec.json.
Style Spec Fields
{
"slide_size": "16:9",
"theme_colors": {
"background": "FFFFFF",
"text": "1F2937",
"primary": "2563EB",
"secondary": "14B8A6",
"accent": "F59E0B",
"muted": "6B7280"
},
"fonts": {
"title": "Arial",
"body": "Arial",
"caption": "Arial"
},
"typography": {
"title_size": 30,
"subtitle_size": 18,
"body_size": 15,
"caption_size": 9,
"min_title_size": 20,
"min_body_size": 10
},
"layout_tokens": {
"margin_left": 0.65,
"margin_right": 0.65,
"header_height": 0.25,
"footer_height": 0.28,
"gutter": 0.28
},
"template_pptx": "",
"template_fidelity": {
"mode": "strict",
"preserve_background": true,
"preserve_master": true,
"preserve_header_footer": true
},
"template_patterns": {
"uses_header": false,
"uses_footer": true,
"header_text": "",
"footer_text": ""
},
"layouts": {}
}
Template Transfer
When a template is provided:
Treat the template as a design contract, not a loose mood board.
Extract layout slots, backgrounds, page furniture and reusable component styles, not just colors.
Preserve slide size, master rhythm, fonts, backgrounds, margin grid, header/footer treatment, page numbering, section-divider patterns, table/chart styling, shape fill/line habits and spacing.
Avoid using client names, copied diagrams, data, slogans or business content from the template.
Use style_spec_suggestion from the PPTX decoder as the starting point when available. Clean it manually:
Keep template design colors, but map them into semantic roles: background, text, primary, secondary, accent, muted and surface.
Preserve the template's dominant font family and realistic title/body/caption size hierarchy.
Preserve reusable header/footer usage, but replace template-specific business text with generic or deck-specific text.
Preserve visual style, layout slots and purpose style, not source content.
Set `template_fidelity.mode` to `strict` unless Boss requests redesign.
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.
- 4d ago First seen · 99 lines · 0 tokens per session scan A cea8ad058921
visual-style-system is a skill published in the GitHub repository BingHanOfUESTC/open_agent_team (109 stars, last pushed 2mo ago), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 697 tokens. 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-09-03.
Other skills, from other repositories
imagegen
Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, UI mockups, product shots, or transparent-background cutouts. Use when the result should be an image asset rather than repo-native SVG, HTML/CSS, or canvas.
imagegen-frontend-web
Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing page with 8 sections produces 8 images. Never compress multiple sections into one image. Enforces composition variety (not…
sn-infographic
An image-making tool that turns supplied content into an infographic, a visual format for explaining information with arranged text and graphics.
image-authoring
Author images and diagrams as code — SVG, Pillow, Excalidraw, mermaid. Load when asked to draw, illustrate, or make an image, icon, logo, poster, or diagram.
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 identity — grounded in researched real-world prior art and free of AI slop. Establishes/extends the design system, invokes the matching local taste skill, dispatches the…
bento-slides
Create and edit Bento presentations — self-contained .bento.html decks whose document is JSON. Use whenever the user wants a slide deck or presentation: from scratch, from source material, or by improving an existing file.