AgentSkillTree
deliveryTestedhigh autonomyeasy setup

Codex Astro MVP

Build and deploy a complete Astro site with a coding agent, from requirement planning to live URL.

Scope
One complete Astro project, from an initial goal to a deployed static site with tests and docs.
Last reviewed
Checked Aug 1, 2026

Executes these capabilities

Requirement PlanningFrontend DevelopmentContent ModelingTestingDeployment

Inside this skill

The internal capability tree shows how this skill gets its work done.

SCodex Astro MVP
  • requirement planning
  • information architecture
  • visual design
  • component development
  • content modeling
  • build verification
  • deployment

The contract

Input

  • A one-line goal for the site
  • Optional brand notes or design direction
  • Optional existing content

Output

  • A working Astro project with typed content
  • Responsive, accessible pages
  • Deployed public URL
  • README with run instructions

Deliverables

  • Source repository
  • Production build
  • Live deployment
  • Run and deploy documentation

Use cases

  • Building a marketing site or blog
  • Prototyping a product landing page
  • Launching a content-heavy MVP

Dependencies and replacements

Dependencies

  • Node.js
  • A coding agent with file access
  • A hosting account for the final step

Required tools

  • npm
  • Git
  • Cloudflare Pages, Vercel, or Netlify

Required permissions

  • Read and write access to the project directory
  • Ability to install npm packages
  • Deploy access to the hosting platform

Compatible with

  • validation-checklist
  • visual-review
  • link-checker

Alternatives

  • Next.js with a coding agent
  • A managed site builder with agent plugins

Replaceable components

  • The hosting platform
  • The styling approach
  • The search library

Reliability

Human checkpoints

  • Approve the requirement list before building
  • Review the visual direction before full implementation
  • Confirm the domain and hosting before deployment

Limitations

  • Does not cover backend or database features
  • Visual quality depends on the design direction provided
  • Large migrations need a separate plan

Failure modes

  • Agent scaffolds dependencies without verifying versions
  • Content hardcoded into components instead of the content layer
  • Site builds locally but fails on the host

Recovery steps

  • Pin dependency versions and reinstall from a lockfile
  • Move repeated markup into typed content collections
  • Deploy the production build locally, then re-run on the host

Validation methods

  • Production build succeeds with type checking
  • Browser smoke tests pass at 390px and 1440px
  • Link check reports no internal 404s
  • Deployed URL passes the same smoke tests

Sources

Entry checked on Aug 1, 2026. Verification status reflects what AgentSkillTree has independently run, not the skill's own claims.

When to use

Use this skill when you have a concrete site goal and a coding agent ready to work. It covers the full loop: requirement planning, structure, design direction, implementation, verification, and deployment.

How it works

The skill runs as a sequence of phases, each with a checkpoint:

  1. Write the requirement list and out-of-scope list, and get approval.
  2. Define the page tree and URL scheme before writing components.
  3. Set a visual direction as tokens, not vague adjectives.
  4. Build pages from the content model, never from hardcoded strings.
  5. Run type checks, build, link checks, and browser tests.
  6. Deploy from the production build and re-run smoke tests on the live URL.

Verification note

Tested against the AgentSkillTree.com MVP build on 2026-08-01. The workflow produced a deployed Astro site with typed content, search, and browser tests. The visual outcome still depends on the design direction supplied in step 3, so treat this as a process skill with variable output quality.