無料GitHub で公開

readme

Use when starting work on an AstroDeck project, needing to understand the project structure, or looking up available components, sections, and layouts.

日本語の概要は準備中です。原文の説明を表示しています。

holger1411/astrodeckスター 80(GitHub 80 + cccskills 0)

実行スコア未検証

インストール方法を見る

含まれるファイル（1）

SKILL.md2.9 KB

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

AstroDeck README Skill

This skill provides access to the complete AstroDeck project documentation.

When to Use This Skill

Starting work on an AstroDeck project
Creating new pages or components
Understanding available sections and layouts
Troubleshooting installation or configuration
Learning about the project structure
Finding deployment instructions

Instructions

Read the README.md file at the project root for comprehensive documentation
The README contains:
- Project overview and features
- Installation instructions
- Development commands
- Complete project structure
- Usage guide for pages, components, and layouts
- Component library overview (15+ sections)
- Customization guide
- Deployment instructions
- Troubleshooting guide
- AI-friendly development information

Quick Reference

Key Commands

npm install    # Install dependencies
npm run dev    # Start development server (localhost:4321)
npm run build  # Build for production
npm run preview # Preview production build

Three-Tier Architecture

AstroDeck uses a three-tier hierarchy of building blocks:

Tier	What	Count	Location
Components	Small UI primitives (Button, Dialog, Tabs...)	11	`src/components/ui/`
Sections	Full page sections (Hero, Pricing, FAQ...)	16	`src/components/sections/`
Pages	Complete page templates (SaaS, Portfolio...)	11	`src/pages/`

Components are the smallest pieces. Sections combine components into full-width blocks. Pages assemble sections into complete websites.

Project Structure

src/
├── components/sections/  # TIER 2: Hero, CTA, Features, Pricing, FAQ, etc.
├── components/ui/        # TIER 1: shadcn/ui components (Button, Card, Dialog...)
├── layouts/              # BaseLayout, FullWidthLayout, AuthLayout, ArticleLayout
├── pages/                # TIER 3: Complete pages with file-based routing
├── content/              # Content Collections (blog)
├── styles/globals.css    # Design tokens
└── lib/utils.ts          # Utility functions

Available Layouts

BaseLayout - Boxed, centered content (max-w-5xl)
FullWidthLayout - Full-width for showcase pages
AuthLayout - Minimal, no header/footer
ArticleLayout - Blog/article pages

Import Convention

Always use path aliases:

import Component from "@/components/Component.astro";
import { Button } from "@/components/ui/button";
import Layout from "@/layouts/BaseLayout.astro";

Action

When this skill is invoked, read the full README.md file from the project root to get complete, up-to-date documentation.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

同じリポジトリのスキル

accessibility

無料

Use when creating or modifying any UI element visible to the user, reviewing HTML markup, adding interactive elements, or when Lighthouse Accessibility drops below 90.

日本語の概要は準備中です。原文の説明を表示しています。