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 skillmds/skillmd --skill openfoodjournal-uigit clone --depth 1 https://github.com/skillmds/skillmdWrote 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/skillmds/skillmd/openfoodjournal-ui)<a href="https://agentmods.dev/skills/skillmds/skillmd/openfoodjournal-ui"><img src="https://agentmods.dev/badge/skills/skillmds/skillmd/openfoodjournal-ui/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/skillmds/skillmd/openfoodjournal-ui"><img src="https://agentmods.dev/badge/skills/skillmds/skillmd/openfoodjournal-ui.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.00066 | $0.03142 |
| Opus 5.5 | $0.00026 | $0.01257 |
| Sonnet 5 | $0.00013 | $0.00628 |
| Haiku 4.5 | $0.00007 | $0.00314 |
Grade A, and why
openfoodjournal-ui 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 — 357 lines — stays where its author put it; the contents beside it link to each section on GitHub.
OpenFoodJournal UI/UX Design System
Living reference for every visual and interaction pattern in the app. Consult before creating or modifying any SwiftUI view. Update whenever a new pattern is established or an existing one changes.
Quick Reference
| Token | Value | Where Used |
|---|---|---|
| Card corner radius | 20 pt | MacroSummaryBar, glass cards |
| Button/chip radius | 12 pt | Remaining calorie pill, macro chips |
| Badge radius | 8 pt | Status badges, small pills |
| List row insets | (8, 16, 8, 16) |
All List rows |
| Section gap | 12–20 pt | Between major sections |
| Min hit target | 44 pt | All tappable elements |
| Glass availability | iOS 26+ (no guards) | Entire codebase |
Color System
Macro Colors (Canonical)
| Macro | Color | Usage |
|---|---|---|
| Calories | .orange |
Calorie countdown, energy metrics |
| Protein | .blue |
Protein goals, progress rings |
| Carbs | .green |
Carbohydrate goals, progress |
| Fat | .yellow |
Fat goals, progress |
Progress Status Colors
| Status | Color | Threshold |
|---|---|---|
| Met | .green |
95–105% of goal |
| Near | .yellow |
50–80% of goal |
| Slightly over | .orange |
105–120% of goal |
| Way over | .purple |
>120% of goal |
| Under | .red |
<50% of goal |
Opacity Conventions
| Element | Opacity |
|---|---|
| Glass tint | 0.35 |
| Background highlight | 0.12 |
| Disabled state | 0.5 |
| Separator lines | .secondary.opacity(0.4) |
| Secondary text | .foregroundStyle(.secondary) (system) |
| Tertiary text | .foregroundStyle(.tertiary) (system) |
Typography
| Role | Font | Weight | Size |
|---|---|---|---|
| Display macro total | .system(size: 32, weight: .bold, design: .rounded) |
bold | 32 |
| Section headline | .headline |
default | ~17 |
| Row title | .body |
.fontWeight(.medium) |
~17 |
| Row subtitle | .caption |
default | ~12 |
| Form label | .subheadline |
default | ~15 |
| Numeric alignment | .monospacedDigit() |
— | inherited |
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 · 357 lines · 66 tokens per session scan A cdafa238da38
openfoodjournal-ui is a skill published in the GitHub repository skillmds/skillmd (1 stars, last pushed yesterday), licensed MIT. It adds 66 tokens to every session and 3,142 once invoked, about $0.0003 per session on Opus 5.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-09-19.
Other skills, from other repositories
hz-unity-meta-quest-ui
Configures Unity UI for Meta Quest and Horizon OS VR development — world-space canvases, TextMesh Pro setup, comfortable sizing, viewing distances, and interaction readiness.
build-swiftui-interface
Use when a coding agent must design, scaffold, implement, or verify an iOS or macOS SwiftUI interface with Apple-platform state, accessibility, availability, testing, and Xcode evidence.
designmatch
Use when matching a React Native screen to a Claude Design HTML canonical at ≥95% visual parity on real Android/iOS hardware — closes the loop with a VQA stub mode, Playwright canonical renderer at 1080×2444, and a dual-metric pixelmatch + SSIM diff harness producing composite triptychs.
imagegen-frontend-mobile
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, strong multi-screen consistency, controlled color palettes, non-generic creative direction, textured…
design-android
Use when designing an Android screen or flow — deliverable is a device-framed HTML mockup and developer handoff spec, never Compose code.
design-ios
Use when designing an iOS or macOS screen or flow — deliverable is a device/window-framed HTML mockup and handoff spec, never SwiftUI code.