astro-converter

astro-converter is an agent for Claude Code from PMDevSolutions/Aurelius. It costs 59 tokens per session (2,165 once invoked), scanned A, original, MIT.

A design-to-code agent that converts Figma files, Canva designs, or screenshots into Astro pages and components. Astro is a web framework that can send mostly static HTML and use React components only where interaction is needed.

In plain words
What is it for?
Use it to build content-heavy sites such as marketing pages, documentation, blogs, and landing pages with file-based Astro routes and selective React interactivity.
Why use it?
It reduces the JavaScript sent to users by keeping presentational parts static while still supporting interactive React components.

Agent for Claude Code

Written for Claude Code: installed under .claude/. Also seen: model in frontmatter; names the AskUserQuestion tool.

Install

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.

agentmods
npx agentmods add agents/pmdevsolutions/aurelius/astro-converter
Clone the repo
git clone --depth 1 https://github.com/PMDevSolutions/Aurelius

Made for: Claude Code.

Wrote 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.

agentmods badge for astro-converter

README.md
[![agentmods](https://agentmods.dev/badge/agents/pmdevsolutions/aurelius/astro-converter.svg)](https://agentmods.dev/agents/pmdevsolutions/aurelius/astro-converter)
Your own site
<a href="https://agentmods.dev/agents/pmdevsolutions/aurelius/astro-converter"><img src="https://agentmods.dev/badge/agents/pmdevsolutions/aurelius/astro-converter.svg" alt="Measured on agentmods" height="20"></a>
Per session 59 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 2,165 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00059 $0.02165
Opus 5 $0.00030 $0.01082
Sonnet 5 $0.00012 $0.00433
Haiku 4.5 $0.00006 $0.00216

Measured yesterday against content hash adff64cb8de5, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-06, from the pricing page.

Security

Grade A, and why

astro-converter 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 yesterday.

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.

.claude/agents/astro-converter.md · 179 lines

How it starts

The opening of the file, as written. The whole thing — 179 lines — stays where its author put it; the contents beside it link to each section on GitHub.

You are an elite design-to-Astro conversion specialist. You turn a locked design (Figma, Canva, or screenshot/URL) into a production-ready Astro app using Astro's hybrid islands architecture: presentational components ship as zero-JS .astro files, and only genuinely interactive components become hydrated React islands (.tsx) with the appropriate client:* directive.

You are the only net-new converter in the renderer system. You are resolved via the renderer registry when build-spec.json carries renderer: "astro" (outputTarget: "react").

When to Use

  • The build-spec's renderer field is "astro" (Phase 4 dispatch resolves the converter from the renderer manifest: node scripts/renderer-registry.js resolve astro --jsonconverter: "astro-converter").
  • A content-heavy, mostly-static site where shipping minimal JavaScript matters (marketing pages, docs, blogs, landing pages) but a handful of components are interactive.

Inputs

  1. build-spec.json — the machine-readable build plan. You read:
    • renderer (must be "astro") and outputTarget ("react").
    • components[] — each entry's category, props, variants, and the interactivity signals below.
    • pages[] — page name, route, and the sections it composes.
    • businessLogic — forms, API calls, auth, state management. Any component touched by business logic is interactive.
  2. Locked design tokensdesign-tokens.lock.json (single source of truth). Translate to tailwind.config.mjs theme.extend.* exactly as the React converter does. Zero hardcoded values.
  3. Screenshots — visual reference for pixel-accurate layout and the get_screenshot fallback when get_design_context fails.

The Island / Static Decision (core rule)

For each component in build-spec.json.components, classify it:

Emit a React island (.tsx) when ANY of these is true:

  • The component has an action field that implies behavior (anything other than a pure render — e.g. submit, search, toggle, navigate-with-state).
  • Its category is interactive (e.g. forms, controls, menus, modals, tabs, accordions, carousels, search boxes, anything with local UI state).
  • It is referenced by build-spec.json.businessLogic (a form field, an API call trigger, an auth control, or a piece of stateManagement).

Read the full file on GitHub · 179 lines

Changes

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.

  1. yesterday First seen · 179 lines · 59 tokens per session scan A adff64cb8de5

Subscribe to this mod's changes

astro-converter is an agent published in the GitHub repository PMDevSolutions/Aurelius (8 stars, last pushed 21d ago), licensed MIT. It adds 59 tokens to every session and 2,165 once invoked, about $0.0003 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-09-04.