Borrowing it
Nothing to install: this file belongs to liuyingxuvka/FlowGuard. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/liuyingxuvka/FlowGuard/main/.agents/skills/flowguard-ui-flow-structure/SKILL.mdgit clone --depth 1 https://github.com/liuyingxuvka/FlowGuardWrote 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/liuyingxuvka/flowguard/flowguard-ui-flow-structure)<a href="https://agentmods.dev/skills/liuyingxuvka/flowguard/flowguard-ui-flow-structure"><img src="https://agentmods.dev/badge/skills/liuyingxuvka/flowguard/flowguard-ui-flow-structure/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/liuyingxuvka/flowguard/flowguard-ui-flow-structure"><img src="https://agentmods.dev/badge/skills/liuyingxuvka/flowguard/flowguard-ui-flow-structure.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.00026 | $0.00684 |
| Opus 5 | $0.00013 | $0.00342 |
| Sonnet 5 | $0.00005 | $0.00137 |
| Haiku 4.5 | $0.00003 | $0.00068 |
Grade A, and why
flowguard-ui-flow-structure 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 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.
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 — 52 lines — stays where its author put it; the contents beside it link to each section on GitHub.
FlowGuard UI Flow Structure
Purpose
Admit content, model UI event x state, and prove runnable visible surfaces.
Entrypoint Scope
This standalone FlowGuard satellite skill owns ui_flow_structure
(public_owner) UI admission/evidence, not styling or code structure.
Local Material Routing
Read references/ui_flow_structure_protocol.md for surface, journey,
structure, text hierarchy, operability, evidence, and geometry.
Entrypoint Acceptance Map
Accept admission, UI state/task/control coverage, and current evidence; block leaks, blindspots, or stale proof.
Use When
- Use for UI content, controls, tasks, runnable evidence, hierarchy, or product language.
Do Not Use When
- Do not style first, invent roles, or treat observation as permission; return non-UI work to
flowguard.
Required Workflow
- Declare
greenfield,source_based, ormixed; observation never grants display permission. - Classify only
user_visible,user_on_demand, orinternal; require task/state/recovery need and model journey, structure, text, and operability. - For product claims compare canonical typography, components, navigation, feedback, recovery, and transitions. Reuse existing business ids and keep them internal.
- For complete coverage, freeze surface-inventory revision/fingerprint/discovery evidence and each visible item's stable id/content fingerprint before mapping.
- Give every visible control, display, transition, overlay, recovery path, and blindspot exactly one modeled or scoped disposition; a visible item cannot be both modeled and scoped.
- Bind claims to inventory, screenshot/DOM/event/result evidence, click chains, blindspots, and tests.
Hard Gates
- Model-purpose gate: pre-build/change freeze task-specific failure(s)/boundary; bind candidate to native good/bad-per-failure/oracle/current evidence. Reusable types are not fixed-purpose: no mode/fallback; only FlowGuard-declared checks may support completion claims.
- Require the real FlowGuard check engine and AGENTS.md managed record; forbid fake mini-frameworks.
- Unclassified/internal content cannot render; do not add audience/role/persona categories.
- On-demand stays hidden until an accessible task-owned reveal/return; hover has keyboard/focus parity.
- Every reachable enabled action needs control -> event -> owner -> function -> UI update -> evidence, pure-UI disposition, or blindspot.
- Missing inventory/item fingerprints, discovery evidence, unmapped visible items, and conflicting modeled/blindspot dispositions block complete UI coverage.
- Repeated surfaces for one intent reuse its commitment, path, and semantic grammar. Presentation exceptions never change intent, path, visibility, or result.
- Runnable UI needs current source/recovery/freshness evidence; design alone cannot prove it.
- Only explicit reuse/publication or proven cross-project use
triggers strict
risk_template_libraryclosure. - Planning context becomes UI behavior only through explicit behavior-source admission.
What ships with it
11 files 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.
- .skillguard/check-manifest.json 32 KB
- .skillguard/compiled-contract.json 40 KB
- .skillguard/contract-source.json 11 KB
- agents/openai.yaml 2.1 KB
- references/ui_capability_interaction_protocol.md 3.1 KB
- references/ui_flow_structure_protocol.md 5.7 KB
- references/ui_geometry_transition_protocol.md 1.7 KB
- references/ui_human_operability_protocol.md 2.7 KB
- references/ui_implementation_evidence_protocol.md 3.4 KB
- references/ui_journey_structure_text_protocol.md 3.5 KB
- references/ui_observed_surface_protocol.md 4.1 KB
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 · 52 lines · 26 tokens per session scan A 21d3dc269711
flowguard-ui-flow-structure is a skill published in the GitHub repository liuyingxuvka/FlowGuard (2 stars, last pushed 13d ago), licensed MIT. It adds 26 tokens to every session and 684 once invoked, about $0.0001 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-31.
Other skills, from other repositories
component-composition
How to combine fundamental-styles components correctly - required wrappers, nesting rules, and common composition patterns.
layout-patterns
Common UI layout patterns using fundamental-styles - login forms, dashboards, master-detail, wizards, and more.
bem-naming
BEM (Block Element Modifier) methodology and naming conventions used in fundamental-styles with real examples.
component-docs
Browse fundamental-styles component documentation with complete HTML examples from 140+ auto-generated markdown files. Use this when the user asks about component examples, modifiers, variants, HTML structure, or wants to see working code for any fundamental-styles component (button, table, input, dialog, etc.). Also…
static-web-artifacts-builder
Build self-contained static HTML artifacts opened in a browser: interactive diagrams, dashboards, infographics. Pure HTML5+CSS3+inline SVG, zero toolchain. Triggers on: "interactive HTML", "open in browser", "HTML artifact", "visual dashboard", "HTML infographic". NOT for PNG/SVG output, use concept-to-image.
component-guidance-data
Fiori guidelines for data display components such as Table, List, Tree, Avatar, Calendar, Icons, etc.