BUNDLE Security scanned3 skills

    Astro Toolkit: HTML Migration, Code Check, i18n

    Three Claude Code skills for taking a static HTML site into Astro and keeping it in good shape. HTML to Astro Migrator moves a static HTML and Tailwind site into a new Astro 7 project with a real layout and typed components. Astro Code Doctor then checks the result against the current Astro spec and component granularity. Astro i18n Setup adds multi-language routing and translated content once you need more than one language. Each skill also works on its own; the bundle just costs less than buying the three separately.

    Works with every agent that reads SKILL.md — Claude Code, Cursor, Codex CLI, Gemini CLI, GitHub Copilot, Windsurf, OpenClaw, and more.

    Masaaki Komori
    Created by
    Masaaki Komori
    $19$27
    Save 30% · $8

    One payment, lifetime access. 3 skills unlock instantly in your library.

    30-day refund guarantee

    Instant unlock in your library

    Free updates from the creator

    What's included

    3 skills
    1/3
    Astro Code Doctor

    Audits Astro code for spec compliance and refactors oversized pages into typed, reusable components — three levels from quick spec fixes to full atomic-design restructuring, then verifies with a real build.

    View skill
    $9$6.33Save 30%
    2/3
    Astro i18n Setup

    Retrofits an existing Astro site with locale routing, a translation dictionary, a language switcher, and hreflang tags — using Astro's own built-in i18n APIs, no external library required.

    View skill
    $9$6.33Save 30%
    3/3
    HTML to Astro Migrator

    Migrates a static HTML + Tailwind site into a new Astro 7 project, extracting layouts and typed components, converting images to <Image />, and porting or rewriting your JS, without touching the original.

    View skill
    $9$6.33Save 30%

    See it in action

    Astro Code Doctor

    Astro Code Doctor

    Example session with this skill installed

    Run astro-doctor on src/pages/ with medium level to clean up my index page and extract any repeated cards.

    • Read your context and instructions
    • Compiled the astro code doctor
    • Generated the UI component

    I have analyzed the files in src/pages/ using the medium optimization level. I identified several spec violations and opportunities for component extraction.

    Optimization Plan (level: medium)

    Doc source: AstroDocs MCP

    src/pages/index.astro

    • [fix] Remove export default (line 12) — not valid in .astro files
    • [extract] Hero section (lines 15–40) → new component: src/components/HeroSection.astro
    • [extract] FeatureCard repeated ×4 (lines 55–80) → src/components/FeatureCard.astro with Props { title, description }
    • [refactor] Replace space-y-6 with flex flex-col gap-6 (Tailwind v4)

    src/components/Header.astro

    • [fix] <nav> missing ul > li structure around navigation links
    • [refactor] Move repeated link classes to *: on parent ul

    src/content/blog/first-post.mdx

    • [fix] Frontmatter field author_name not defined in schema — should be author
    • [fix] <InteractiveButton /> used without client:visible — currently static HTML

    Next steps

    1. Confirm if you want to apply all changes or only the [fix] items.
    2. I will create the new component files and update the imports.
    3. I will run a build check to verify the refactor.

    astro-code-doctor.tsx

    TSX · React component

    Generated

    Example file from a real run - the skill writes it into your workspace.

    How to install

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    Reviews

    No reviews yet

    Be one of the first to try it. Every skill in this bundle passes our trust checks.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Frequently asked questions

    More bundles from Masaaki Komori

    Figma Structuring Kit: Tidy Up, Tokenize, Componentze, Enhance
    4 skills · $25.20Save 30%
    Legacy Site to Astro
    4 skills · $22Save 31%