skills.rest
wink-travel
wink-travelOFFICIAL
Explore all skills by this author →
Website𝕏@wink2travelGitHub

astro-docs

Scaffold and develop Astro v5 projects with Starlight documentation sites.

2|1|Updated Aug 18, 2024
Search Tags:#documentation#web development#scaffolding#astro#starlight#content collections
One-click install
npx skills add https://github.com/wink-travel/docs --skill astro-docs-wink-travel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: astro-docs
Source: https://github.com/wink-travel/docs/tree/main/.claude/skills/astro-docs
Command: npx skills add https://github.com/wink-travel/docs --skill astro-docs-wink-travel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of scaffolding and developing Astro projects, ensuring adherence to modern v5 patterns and best practices.

Core Features & Use Cases

  • Project Scaffolding: Quickly set up new Astro projects for blogs, documentation sites (Starlight), e-commerce, portfolios, and landing pages.
  • Component Development: Scaffold individual Astro components, pages, layouts, or islands.
  • Content Management: Configure content collections using the Content Layer API.
  • Configuration & Deployment: Set up integrations, routing, and deployment strategies.
  • Use Case: When starting a new documentation website using Starlight, this Skill provides the necessary commands and structure to get it up and running efficiently.

Quick Start

Use the astro-docs skill to create a new Astro project with the Starlight template.

Frequently Asked Questions about astro-docs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new Astro project using v5 patterns?▼

To scaffold an Astro project with v5 patterns, use the provided commands to initialize structure, configure content collections via the Content Layer API, and set up routing for blogs, portfolios, or Starlight documentation sites.

What is the best way to set up a Starlight documentation site in Astro?▼

Setting up a Starlight documentation site in Astro involves using scaffolding commands to generate the template, configure integrations, and establish the component structure needed for efficient content management and deployment.

How does the Content Layer API work for Astro content collections?▼

The Content Layer API in Astro manages content collections by defining schemas and querying structured data, allowing developers to organize markdown or MDX files efficiently within project directories for dynamic routing and rendering.

Can I use framework components and islands in my Astro documentation project?▼

Yes, Astro supports framework components and islands within your project structure, allowing you to integrate interactive elements while maintaining the performance benefits of static HTML generation for your documentation or landing pages.

Do I need specific deployment configurations for an Astro Starlight site?▼

Astro Starlight sites require specific deployment configurations tailored to your hosting platform, which this Skill helps establish by providing the necessary build commands, routing structures, and integration settings for successful project launches.

Related Skills

Explore More Software Engineering Skills→
radradradrad

project-setup-info-context7

Scaffold complete VS Code projects with folders, configs, dependencies, and boilerplate.

Community
Advanced
mateo-khalilmateo-khalil
1

astro

Build content-driven websites with Astro and configure SSR adapters.

Community
Intermediate
RajAryanIITBHURajAryanIITBHU

clerk-astro-patterns

Secure Astro routes and client islands with Clerk authentication middleware.

Community
Intermediate
pleaseaipleaseai
12

vitepress

Renders Markdown into static documentation sites with Vue-powered theming.

Official
Intermediate