astro
The Astro skill assists developers in building, configuring, and deploying websites using the Astro web framework. It provides guidance on project structure, CLI commands, component creation, and adapter integration for various deployment targets.
Is astro safe to install?
Review the source first: our audit of astro's source files found 9 shell commands, 0 external URLs, file reads and writes (high risk). Every command and URL listed appears verbatim in the skill's source. The skill instructs the agent to execute shell commands via npx, which can modify the local project environment and filesystem.
How we audit skills: our security review methodology.
Who is this skill for?
Web developers working with the Astro framework who need assistance with project setup, configuration, or deployment workflows.
What can you do with it?
- Creating Astro components and pages
- Configuring SSR adapters for deployment
- Setting up content collections
- Executing Astro CLI commands for development and builds
- Managing project structure and configuration files
How good is this skill?
Quality score: 5/10. The skill provides clear, actionable instructions and follows the documented Astro CLI patterns accurately.
What does the skill file contain?
# Astro Usage Guide **Always consult [docs.astro.build](https://docs.astro.build) for code examples and latest API.** Astro is the web framework for content-driven websites. --- ## Quick Reference ### File Location CLI looks for `astro.config.js`, `astro.config.mjs`, `astro.config.cjs`, and `astro.config.ts` in: `./`. Use `--config` for custom path. ### CLI Commands - `npx astro dev` - Start the development server. - `npx astro build` - Build your project and write it to disk. - `npx astro check` - Check your project for errors. - `npx astro add` - Add an integration. - `npx astro sync`...
Frequently asked questions
Which configuration files does the skill recognize?
The skill recognizes astro.config.js, astro.config.mjs, astro.config.cjs, and astro.config.ts located in the project root.
How do I add a deployment adapter to my project?
Use the npx astro add command followed by the adapter name, such as npx astro add vercel --yes.
What is the purpose of the npx astro sync command?
It generates TypeScript types for all Astro modules in the project.
Related skills
find-skills
2.3MUsers seeking to extend agent capabilities with specialized tools, workflows, or knowledge packages
The find-skills skill enables agents to search for, discover, and install modular packages from the open agent skills ecosystem using the Skills CLI.
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
agent-browser
506.7KAI agents and developers requiring programmatic web interaction, exploratory testing, or automation of Electron desktop applications
The agent-browser CLI provides browser automation for AI agents using Chrome or Chromium via CDP. It supports page navigation, form interaction, data extraction, and testing. The tool utilizes accessibility-tree snapshots and element references for interaction.
video-edit
338.7KUsers of the RunComfy CLI who need to automate video editing tasks like restyling, background swapping, or motion transfer
The video-edit skill acts as a router for the RunComfy CLI, selecting between Wan 2.7 Edit-Video, Kling 2.6 Pro Motion Control, and Lucy Edit Restyle models based on user intent to perform video transformations.