Summary
Astroプロジェクトの設計・実装・レビューを、HTML中心/Islands Architecture/クライアントJS最小化の思想で整理する。Astro、Islands Architecture、SSG/SSR選択、コンテンツサイト構築、パフォーマンス最適化、JS削減、マルチフレームワーク統合、.astroファイルに…
mae616/ai-tech-knowledge · Archived
astro
Astroプロジェクトの設計・実?
Installation
$
npx skills add mae616/ai-tech-knowledge --skill astro
Stronger alternatives
This repository is archived — consider an actively maintained alternative.
tailwind
Same source · more installs
mae616/ai-tech-knowledge
Tailwind CSSをutility-first（早すぎる抽象化を避ける）思想で運用し、UI実?
6 installs
playwright
Same source · more installs
mae616/ai-tech-knowledge
Playwright E2Eテストフレームワークの判断軸。ユーザー視点のロケーター選択・自動?
6 installs
react
Same source · more installs
mae616/ai-tech-knowledge
React/Next.jsプロジェクトで、UI=計算モデル（コンポーネント/状態/レンダリング）を軸に、設計・実…
5 installs
p5js
Same source
mae616/ai-tech-knowledge
p5.js（クリエイティブコーディング）のProcessing由来「コードでスケッチ」思想を軸に、setup/drawル…
4 installsSimilar popular skills
Related neighbors and high-traction skills in the same topics — useful to compare before installing.
clerk-astro-patterns
Similar name
clerk/skills
Astro patterns with Clerk — middleware, SSR pages, island components, API routes, static vs SSR…
11.6K installs
astro
Similar name
astrolicious/agent-skills
Skill for building with the Astro web framework.
14.6K installs
astro-framework
Similar name
delineas/astro-framework-agents
Astro framework specialist for building fast, content-driven websites with islands architecture.
2K installs
astropy
Similar name
k-dense-ai/scientific-agent-skills
Core Python library for astronomy and astrophysics workflows that need Astropy APIs, including …
1.3K installs
managing-astro-local-env
Similar name
astronomer/agents
Manage local Airflow environment with Astro CLI (Docker and standalone modes). Use when the use…
990 installs
setting-up-astro-project
Similar name
astronomer/agents
Initialize and configure Astro/Airflow projects. Use when the user wants to create a new projec…
979 installsAlso in this package
Other skills from mae616/ai-tech-knowledge.
npx skills add mae616/ai-tech-knowledge
More details
Agent compatibility
Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.
Claude Code
Not declared
Cursor
Not declared
Codex
Not declared
GitHub Copilot
Not declared
Windsurf
Not declared
Gemini CLI
Not declared
Cline
Not declared
OpenCode
Not declared
Repository health
License
LICENSE.txt
Default branch
main
Open issues
0
Status
Archived
Package contents
Files included with this skill beyond the listing page.
-
skill md
SKILL.md2,700 B -
docs
SUMMARY.md592 B
History
- First seen on skills.sh
- First recorded snapshot · 4 installs
SKILL.md
Astro Web-First Skill
参照（公式）
このSkillの基本方針
- 基本方針: HTML中心（ドキュメント中心）。JSは必要箇所のみ（Islands）。
- レンダリング: まずSSGを第一候補。更新頻度が高い箇所のみSSR/オンデマンドを検討。
- Islands設計: 動的UIは小さく分割し、責務を限定する。島の肥大化は避ける。
- パフォーマンス: 「送らない最適化」を優先（クライアントJS、画像、フォント、3rd party）。
- 参考: Astro公式 / Docs
思想（判断ルール）
- HTMLを先に完成させる（Webはまずドキュメント）。
- クライアントJSはコスト。必要性を説明できる分だけ送る。
- Islandsは「動的UIの特区」。島は小さく、責務を限定する。
- “便利だから全部クライアント”を避け、送信量の最小化を優先する。
出力フォーマット（必ずこの順）
- 推奨方針（1〜3行）
- 理由（Web制約 / 性能 / 保守性）
- 設計案（レンダリング戦略 / Islands粒度 / データ取得 / バンドル・資産 / キャッシュ）
- チェックリスト（実装前に確認）
- 落とし穴（避けるべき）
- 次アクション（小さく試す順）
チェックリスト
- Islandsは本当に必要箇所だけか
- 島が大きすぎないか（ページ/一覧まるごとを避ける）
- 画像・フォント・3rd party が速度を壊していないか
- SSGを第一候補にできているか（SSRは必要部分だけか）
- 「送らない最適化」の観点でJS量を説明できるか
よくある落とし穴
- React等を“とりあえず”全部クライアントに送ってAstroの旨味が消える
- 島間の状態共有が増え、結果的にSPA級の複雑さになる
- 解析/広告などの3rd partyがINP/LCPを悪化させる