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-design-to-codegit 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-design-to-code)<a href="https://agentmods.dev/skills/rojim666/sztucode/ardot-design-to-code"><img src="https://agentmods.dev/badge/skills/rojim666/sztucode/ardot-design-to-code/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-design-to-code"><img src="https://agentmods.dev/badge/skills/rojim666/sztucode/ardot-design-to-code.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.00199 | $0.00589 |
| Opus 5.5 | $0.00080 | $0.00236 |
| Sonnet 5.5 | $0.00040 | $0.00118 |
| Haiku 4.5 | $0.00020 | $0.00059 |
Grade A, and why
ardot-design-to-code 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 Design-to-Code & Style Extraction
Domain workflows for design → frontend code conversion and website → style-guide extraction on the Ardot canvas.
The general workflow and hard rules live in
ardot-design-core, which is injected alongside this skill. Followardot-design-corefor the step sequence, schema, editing rules, effects, and screenshot verification. This skill carries the specialized conversion/extraction workflows and implementation guidelines.
Specialized Workflows (follow strictly — do NOT improvise the procedure)
- Design → frontend code →
{SKILL_ROOT}/workflows/design-to-code-workflow.md— design → HTML/CSS/JS, generate Application, to code, slide transitions, responsive scaling. - Website → style guide extraction →
{SKILL_ROOT}/workflows/extract-style-guide-from-web.md— pull a design guide / tokens from an existing website.
Implementation Guidelines (load alongside a design-type guideline when generating code)
{SKILL_ROOT}/references/guidelines-code.md— design-to-code implementation rules.{SKILL_ROOT}/references/guidelines-tailwind.md— Tailwind v4 implementation (load alongsideguidelines-code.md).
Files referenced by these workflows that live in the core skill are read from the ardot-design-core skill root — its absolute path is provided in the same prompt that injected this skill. This includes
design-rules.mdetc. and the shared tool-usage guides (tool-usage/batch-edit.md,tool-usage/apply-variables.md), which now live inardot-design-corebecausebatch_edit/apply_variablesare used by every Ardot task.
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 · 26 lines · 199 tokens per session scan A 231525b4ef7b
ardot-design-to-code is a skill published in the GitHub repository rojim666/SztuCode (109 stars, last pushed 4d ago), licensed MIT. It adds 199 tokens to every session and 589 once invoked, about $0.0008 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.