astro — for Claude Code jwn.gr, community, for Claude Code, ide skills, astro.config.js, astro.config.mjs, astro.config.cjs, astro.config.ts, config, npx astro dev

v0.0.1
GitHub

이 스킬 정보

적합한 상황: Ideal for AI agents that need always consult docs.astro.build for code examples and latest api. 현지화된 요약: Personal website # Astro Usage Guide Always consult docs.astro.build for code examples and latest API. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

기능

Always consult docs.astro.build for code examples and latest API.
Astro is the web framework for content-driven websites.
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.

# Core Topics

for Claude Code astro.config.js astro.config.mjs astro.config.cjs astro.config.ts config
jwngr jwngr
[10]
[0]
Updated: 3/13/2026

Killer-Skills Review

Decision support comes first. Repository text comes second.

Reference-Only Page Review Score: 10/11

This page remains useful for operators, but Killer-Skills treats it as reference material instead of a primary organic landing page.

Original recommendation layer Concrete use-case guidance Explicit limitations and caution Quality floor passed for review
Review Score
10/11
Quality Score
51
Canonical Locale
en
Detected Body Locale
en

적합한 상황: Ideal for AI agents that need always consult docs.astro.build for code examples and latest api. 현지화된 요약: Personal website # Astro Usage Guide Always consult docs.astro.build for code examples and latest API. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

이 스킬을 사용하는 이유

추천 설명: astro helps agents always consult docs.astro.build for code examples and latest api. Personal website # Astro Usage Guide Always consult docs.astro.build for code examples and latest API. This AI agent skill

최적의 용도

적합한 상황: Ideal for AI agents that need always consult docs.astro.build for code examples and latest api.

↓ 실행 가능한 사용 사례 for astro

사용 사례: Applying Always consult docs.astro.build for code examples and latest API
사용 사례: Applying Astro is the web framework for content-driven websites
사용 사례: Applying npx astro dev - Start the development server

! 보안 및 제한 사항

  • 제한 사항: Requires repository-specific context from the skill documentation
  • 제한 사항: Works best when the underlying tools and dependencies are already configured

Why this page is reference-only

  • - Current locale does not satisfy the locale-governance contract.

Source Boundary

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

After The Review

Decide The Next Action Before You Keep Reading Repository Material

Killer-Skills should not stop at opening repository instructions. It should help you decide whether to install this skill, when to cross-check against trusted collections, and when to move into workflow rollout.

Install Path

Start With Installation And Validation

If this skill is worth continuing with, the next step is to confirm the install command, CLI write path, and environment validation.
Trusted Recheck

Cross-Check Against Trusted Picks

If you are still comparing multiple skills or vendors, go back to the trusted collection before amplifying repository noise.
Workflow

Move To Workflow Collections For Team Rollout

When the goal shifts from a single skill to team handoff, approvals, and repeatable execution, move into workflow collections.
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is astro?

적합한 상황: Ideal for AI agents that need always consult docs.astro.build for code examples and latest api. 현지화된 요약: Personal website # Astro Usage Guide Always consult docs.astro.build for code examples and latest API. This AI agent skill supports Claude Code, Cursor, and Windsurf workflows.

How do I install astro?

Run the command: npx killer-skills add jwngr/jwn.gr/astro. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for astro?

Key use cases include: 사용 사례: Applying Always consult docs.astro.build for code examples and latest API, 사용 사례: Applying Astro is the web framework for content-driven websites, 사용 사례: Applying npx astro dev - Start the development server.

Which IDEs are compatible with astro?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for astro?

제한 사항: Requires repository-specific context from the skill documentation. 제한 사항: Works best when the underlying tools and dependencies are already configured.

↓ How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add jwngr/jwn.gr/astro. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use astro immediately in the current project.

! Reference-Only Mode

This page remains useful for installation and reference, but Killer-Skills no longer treats it as a primary indexable landing page. Read the review above before relying on the upstream repository instructions.

Upstream Repository Material

The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.

Upstream Source

astro

Personal website # Astro Usage Guide Always consult docs.astro.build for code examples and latest API. This AI agent skill supports Claude Code, Cursor, and

SKILL.md
Readonly
Upstream Repository Material
The section below is imported from the upstream repository and should be treated as secondary evidence. Use the Killer-Skills review above as the primary layer for fit, risk, and installation decisions.
Supporting Evidence

Astro Usage Guide

Always consult 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 - Generate TypeScript types for all Astro modules.

Re-run after adding/changing plugins.

Project Structure

Astro leverages an opinionated folder layout for your project. Every Astro project root should include some directories and files. Reference project structure docs.

  • src/* - Your project source code (components, pages, styles, images, etc.)
  • src/pages - Required sub-directory in your Astro project. Without it, your site will have no pages or routes!
  • src/components - It is common to group and organize all of your project components together in this folder. This is a common convention in Astro projects, but it is not required. Feel free to organize your components however you like!
  • src/layouts - Just like src/components, this directory is a common convention but not required.
  • src/styles - It is a common convention to store your CSS or Sass files here, but this is not required. As long as your styles live somewhere in the src/ directory and are imported correctly, Astro will handle and optimize them.
  • public/* - Your non-code, unprocessed assets (fonts, icons, etc.). The files in this folder will be copied into the build folder untouched, and then your site will be built.
  • package.json - A project manifest.
  • astro.config.{js,mjs,cjs,ts} - An Astro configuration file. (recommended)
  • tsconfig.json - A TypeScript configuration file. (recommended)

Core Config Options

OptionNotes
siteYour final, deployed URL. Astro uses this full URL to generate your sitemap and canonical URLs in your final build.

Adapters

Deploy to your favorite server, serverless, or edge host with build adapters. Use an adapter to enable on-demand rendering in your Astro project.

Add Node.js adapter using astro add:

npx astro add node --yes

Add Cloudflare adapter using astro add:

npx astro add cloudflare --yes

Add Netlify adapter using astro add:

npx astro add netlify --yes

Add Vercel adapter using astro add:

npx astro add vercel --yes

Other Community adapters

Resources

관련 스킬

Looking for an alternative to astro or another community skill for your workflow? Explore these related open-source skills.

모두 보기

openclaw-release-maintainer

Logo of openclaw
openclaw

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

★ 333.8k
⑂ 0
인공지능

widget-generator

Logo of f
f

prompts.chat 피드 시스템을 위한 사용자 지정 가능한 위젯 플러그인을 생성합니다

★ 149.6k
⑂ 0
인공지능

flags

Logo of vercel
vercel

리액트 프레임워크

★ 138.4k
⑂ 0
브라우저

pr-review

Logo of pytorch
pytorch

파이썬에서 텐서와 동적 신경망 구현 및 강력한 GPU 가속 지원

★ 98.6k
⑂ 0
개발자