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 rojim666/SztuCode --skill ardot-ui-designgit clone --depth 1 https://github.com/rojim666/SztuCodeWrote 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/rojim666/sztucode/ardot-ui-design)<a href="https://agentmods.dev/skills/rojim666/sztucode/ardot-ui-design"><img src="https://agentmods.dev/badge/skills/rojim666/sztucode/ardot-ui-design/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/rojim666/sztucode/ardot-ui-design"><img src="https://agentmods.dev/badge/skills/rojim666/sztucode/ardot-ui-design.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.00217 | $0.00702 |
| Opus 5.5 | $0.00087 | $0.00281 |
| Sonnet 5.5 | $0.00043 | $0.00140 |
| Haiku 4.5 | $0.00022 | $0.00070 |
Grade A, and why
ardot-ui-design 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 1mo 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.
What it actually says
Ardot UI Design
Domain guidelines for UI / interface deliverables on the Ardot canvas: web pages, web apps, dashboards, landing pages, mobile app screens, tables, forms, components, and design systems.
The general workflow and hard rules live in
ardot-design-core, which is injected alongside this skill. This skill only adds the domain-specific guidelines for UI work. Followardot-design-corefor the step sequence (Step 0 file-open → Step 8 validate), schema, editing rules, effects, and screenshot verification.
Domain Guidelines (load in Step 3)
Load one or more guideline based on the deliverable, first match wins:
| Priority | Trigger | File |
|---|---|---|
| 1 | any mobile app design task — mobile, app, iOS, Android, app UI, 移动端, 手机 App, 移动应用, 小程序 | {SKILL_ROOT}/references/guidelines-mobile-app.md |
| 2 | any website task — landing, marketing, SaaS, product site, official site, homepage, 网站, 官网, 落地页, 营销 | {SKILL_ROOT}/references/guidelines-landing-page.md |
| 3 | table, dashboard with tables, 表格 | {SKILL_ROOT}/references/guidelines-table.md |
| 4 | (web app / design system / generic UI, default) | {SKILL_ROOT}/references/guidelines-web-app.md |
- Design system / component library / design tokens tasks use the default
guidelines-web-app.mdas the base, applying the same component/typography/color discipline at library scope (build a token set, component states, spacing scale). - Image-to-UI (reproducing a UI from a reference image): follow the same guidelines, but treat the supplied image as the layout/visual source of truth and reproduce its structure faithfully before restyling.
When code generation is also involved, load guidelines-code.md / guidelines-tailwind.md from the ardot-design-to-code skill alongside the chosen guideline above.
What ships with it
4 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.
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.
- 1mo ago First seen · 30 lines · 217 tokens per session scan A 0bf67f485513
ardot-ui-design is a skill published in the GitHub repository rojim666/SztuCode (109 stars, last pushed 4d ago), licensed MIT. It adds 217 tokens to every session and 702 once invoked, about $0.0009 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-12.
Other skills, from other repositories
design-skill
Use BEFORE building or restyling anything a user will see — web/mobile UIs, landing pages, dashboards, components, emails, AND creative work like Three.js/WebGL/canvas/SVG scenes, data-viz, games, and animations — to make it look intentional and polished, not generic; covers tokens, type, color, layout, motion…
frontend-design
Designs and builds distinctive, production-quality frontend interfaces in HTML/CSS, React, or Tailwind: websites, landing pages, marketing pages, dashboards, web applications, interface components, and style overhauls. Classifies the surface as expressive, conventional, or governed by an existing design system, then…
ui-reviewer
Review rendered UI screenshots for hierarchy, spacing, readability, states, consistency, and visual slop.
design-system
DESIGN.md integration for Forge — ensures visual consistency across all UI tasks through standardized design specifications.
iot-ai-web-visual-quality
Bounded visual-quality guidance for websites, dashboards, frontend UI, design systems and graphic prompts.
garden-web-design
Derived web-design quality checklist. Reference-only. Not a Garden runtime.