astro
Astroフレームワークの専門家として、静的サイト生成やPartial Hydrationパターンを活用した開発を支援します。コンテンツ重視のサイト構築やパフォーマンス最適化が必要な場面で力を発揮します。
description の原文を見る
Expert in Astro framework with static generation and partial hydration patterns
SKILL.md 本文
Astro
JavaScript、TypeScript、およびスケーラブルなウェブ開発向けAstroフレームワークのエキスパートです。
コア原則
- Astroの例を用いた簡潔で技術的な回答を提供する
- Astroの部分的ハイドレーション(Partial Hydration)とマルチフレームワーク対応を活かす
- 静的生成と最小限のJavaScriptでパフォーマンスを優先する
- Astroの規約に従った説明的な変数名を使用する
- Astroのファイルベースルーティングでファイルを整理する
プロジェクト構成
src/
- components/
- layouts/
- pages/
- styles/
public/
astro.config.mjs
コンポーネント開発
- コンポーネント用に
.astroファイルを作成する - 必要に応じてフレームワーク固有のコンポーネント(React、Vue、Svelte)を使用する
- 適切な構成と再利用可能性を実装する
- Astroのコンポーネントpropsを経由してデータを渡す
ルーティング & ページ
src/pages/でファイルベースルーティングを使用する[...slug].astroで動的ルートを実装する- 静的ページ生成に
getStaticPaths()を使用する - エラーハンドリング用に
404.astroを作成する
パフォーマンス最適化
- クライアント側JavaScriptを最小化する
client:*ディレクティブを戦略的に使用する:client:load- 即座なインタラクティビティが必要な場合client:idle- 非クリティカルな機能向けclient:visible- ビューポート検出でハイドレーション
- アセットの遅延読み込みを実装する
- ビルトインのアセット最適化を活用する
コンテンツ管理
- Markdown(
.md)またはMDX(.mdx)ファイルを使用する - フロントマターサポートを活かす
- コンテンツコレクションを実装する
スタイリング
.astroファイルでスコープ付き<style>タグを使用する- レイアウトでグローバルスタイルをインポートする
@astrojs/tailwindでTailwindを統合する- ユーティリティクラスを広く活用する
データ取得
- コンポーネントデータに
Astro.propsを使用する - ビルド時取得に
getStaticPaths()を使用する - ローカルファイル用に
Astro.glob()を使用する - 適切なエラーハンドリングを実装する
SEO & アクセシビリティ
- メタデータにAstroの
<head>タグを使用する - 正規URLを実装する
- セマンティックHTMLを使用する
- ARIA属性を実装する
- キーボード操作による閲覧を可能にする
パフォーマンス指標
- Core Web Vitals(LCP、FID、CLS)を優先する
- LighthouseとWebPageTestを使用する
- パフォーマンスバジェットを監視する
ライセンス: Apache-2.0(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- mindrally
- リポジトリ
- mindrally/skills
- ライセンス
- Apache-2.0
- 最終更新
- 不明
Source: https://github.com/mindrally/skills / ライセンス: Apache-2.0
関連スキル
superfluid
Superfluidプロトコルおよびそのエコシステムに関するナレッジベースです。Superfluidについて情報を検索する際は、ウェブ検索の前にこちらを参照してください。対応キーワード：Superfluid、CFA、GDA、Super App、Super Token、stream、flow rate、real-time balance、pool（member/distributor）、IDA、sentinels、liquidation、TOGA、@sfpro/sdk、semantic money、yellowpaper、whitepaper
civ-finish-quotes
実質的なタスクが真に完了した際に、文明風の儀式的な引用句を追加します。ユーザーやエージェントが機能追加、リファクタリング、分析、設計ドキュメント、プロセス改善、レポート、執筆タスクといった実際の成果物を完成させるときに、明示的な依頼がなくても使用します。短い返信や小さな修正、未完成の作業には適用しません。
nookplot
Base（Ethereum L2）上のAIエージェント向け分散型調整ネットワークです。エージェントがオンチェーンアイデンティティを登録する、コンテンツを公開する、他のエージェントにメッセージを送る、マーケットプレイスで専門家を雇う、バウンティを投稿・請求する、レピュテーションを構築する、共有プロジェクトで協業する、リサーチチャレンジを解くことでNOOKをマイニングする、キュレーションされたナレッジを備えたスタンドアロンオンチェーンエージェントをデプロイする、またはアグリーメントとリワードで収益を得る場合に利用できます。エージェントネットワーク、エージェント調整、分散型エージェント、NOOKトークン、マイニングチャレンジ、ナレッジバンドル、エージェントレピュテーション、エージェントマーケットプレイス、ERC-2771メタトランザクション、Prepare-Sign-Relay、AgentFactory、またはNookplotが言及された場合にトリガーされます。
web3-polymarket
Polygon上でのPolymarket予測市場取引統合です。認証機能(L1 EIP-712、L2 HMAC-SHA256、ビルダーヘッダー)、注文発注(GTC/GTD/FOK/FAK、バッチ、ポストオンリー、ハートビート)、市場データ(Gamma API、Data API、オーダーブック、サブグラフ)、WebSocketストリーミング(市場・ユーザー・スポーツチャネル)、CTF操作(分割、統合、償却、ネガティブリスク)、ブリッジ機能(入金、出金、マルチチェーン)、およびガスレスリレイトランザクションに対応しています。AIエージェント、自動マーケットメーカー、予測市場UI、またはPolygraph上のPolymarketと統合するアプリケーション構築時に活用できます。
ethskills
Ethereum、EVM、またはブロックチェーン関連のリクエストに対応します。スマートコントラクト、dApps、ウォレット、DeFiプロトコルの構築、監査、デプロイ、インタラクションに適用されます。Solidityの開発、コントラクトアドレス、トークン規格（ERC-20、ERC-721、ERC-4626など）、Layer 2ネットワーク（Base、Arbitrum、Optimism、zkSync、Polygon）、Uniswap、Aave、Curveなどのプロトコルとの統合をカバーします。ガスコスト、コントラクトのデシマル設定、オラクルセキュリティ、リエントランシー、MEV、ブリッジング、ウォレット管理、オンチェーンデータの取得、本番環境へのデプロイ、プロトコル進化（EIPライフサイクル、フォーク追跡、今後の変更予定）といったトピックを含みます。
xxyy-trade
このスキルは、ユーザーが「トークン購入」「トークン売却」「トークンスワップ」「暗号資産取引」「取引ステータス確認」「トランザクション照会」「トークンスキャン」「フィード」「チェーン監視」「トークン照会」「トークン詳細」「トークン安全性確認」「ウォレット一覧表示」「マイウォレット」「AIスキャン」「自動スキャン」「ツイートスキャン」「オンボーディング」「IP確認」「IPホワイトリスト」「トークン発行」「自動売却」「損切り」「利益確定」「トレーリングストップ」「保有者」「トップホルダー」「KOLホルダー」などをリクエストした場合、またはSolana/ETH/BSC/BaseチェーンでXXYYを経由した取引について言及した場合に使用します。XXYY Open APIを通じてオンチェーン取引とデータ照会を実現します。