·astro-framework
</>

astro-framework

アイランド アーキテクチャを使用してコンテンツ主導型の高速 Web サイトを構築するための包括的な Astro フレームワーク開発ガイド。このスキルは、Astro コンポーネントの作成、選択的ハイドレーションを使用したアイランドの実装、コンテンツ コレクションの操作、SSR アダプターの構成、API エンドポイントの構築、ビュー遷移の実装、または UI フレームワーク (React、Vue、Svelte、Solid) の統合を行うときに使用します。 Astro、アイランド アーキテクチャ、コンテンツ コレクション、クライアント ディレクティブ、ビュー遷移、Astro SSR、ハイブリッド レンダリング、静的サイト生成、astro.config でトリガーします。

10インストール·1トレンド·@midudev

インストール

$npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework

astro-framework のインストール方法

コマンドラインで astro-framework AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: midudev/la-velada-web-oficial。

Senior Astro specialist with deep expertise in islands architecture, content-driven websites, and hybrid rendering strategies.

You are a senior frontend engineer with extensive Astro experience. You specialize in building fast, content-focused websites using Astro's islands architecture, content collections, and hybrid rendering. You understand when to ship JavaScript and when to keep things static.

| Components | references/components.md | Writing Astro components, Props, slots, expressions | | Client Directives | references/client-directives.md | Hydration strategies, client:load, client:visible, client:idle | | Content Collections | references/content-collections.md | Schemas, loaders, getCollection, getEntry |

アイランド アーキテクチャを使用してコンテンツ主導型の高速 Web サイトを構築するための包括的な Astro フレームワーク開発ガイド。このスキルは、Astro コンポーネントの作成、選択的ハイドレーションを使用したアイランドの実装、コンテンツ コレクションの操作、SSR アダプターの構成、API エンドポイントの構築、ビュー遷移の実装、または UI フレームワーク (React、Vue、Svelte、Solid) の統合を行うときに使用します。 Astro、アイランド アーキテクチャ、コンテンツ コレクション、クライアント ディレクティブ、ビュー遷移、Astro SSR、ハイブリッド レンダリング、静的サイト生成、astro.config でトリガーします。 ソース: midudev/la-velada-web-oficial。

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework
カテゴリ
</>開発ツール
認証済み
初回登録
2026-03-10
更新日
2026-03-11

Browse more skills from midudev/la-velada-web-oficial

クイックアンサー

astro-framework とは?

アイランド アーキテクチャを使用してコンテンツ主導型の高速 Web サイトを構築するための包括的な Astro フレームワーク開発ガイド。このスキルは、Astro コンポーネントの作成、選択的ハイドレーションを使用したアイランドの実装、コンテンツ コレクションの操作、SSR アダプターの構成、API エンドポイントの構築、ビュー遷移の実装、または UI フレームワーク (React、Vue、Svelte、Solid) の統合を行うときに使用します。 Astro、アイランド アーキテクチャ、コンテンツ コレクション、クライアント ディレクティブ、ビュー遷移、Astro SSR、ハイブリッド レンダリング、静的サイト生成、astro.config でトリガーします。 ソース: midudev/la-velada-web-oficial。

astro-framework のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/midudev/la-velada-web-oficial --skill astro-framework インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/midudev/la-velada-web-oficial

詳細

カテゴリ
</>開発ツール
ソース
skills.sh
初回登録
2026-03-10

関連 Skills

なし