IA

incomestreamsurfer/astro-builder-skill

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

76 stars 品質 46 トレンド 14

サブウェイサーファー/アストロビルダースキルは、 [https://github.com/incomestreamsurfer/astro-builder-skill.]からインポートされたエージェントスキルの候補です

概要

サブウェイサーファー/アストロビルダースキルは、 [https://github.com/incomestreamsurfer/astro-builder-skill.]からインポートされたエージェントスキルの候補です

概要(AI 翻訳)

Claude Code、Codex CLI、AntigravityのSEO最適化Astroウェブサイトビルダースキル。

プレミアム、非汎用フロントエンド出力のテイストスキル設計システムが含まれています。

インストール

GitHubから直接インストールするか:

それが何をするか

Google でランク付けする Astro で完全でデプロイメント対応の Web サイトを構築します。 スキルはエージェントを通り抜けます。

1.ニッチリサーチ — 競合他社を分析し、キーワードギャップを見つけ、サイト構造を提案 2.フルプロジェクト設定 — Astro + React + Tailwind CSS + プレミアムフォント(Geist, Satoshi) 3。 すべてのページは、実際のコンテンツで構築 — SEOメタタグ、構造データ、オープングラフ、内部リンク 4。Premium design — 味スキルルールは、一般的なAI出力(紫色のグラデーションなし、インター、カードグリッドなし)を防ぐことができます。 5。コンテンツコレクション - ブログ投稿、サービス、お客様の声のためのタイプセーフなマークダウンコンテンツ 6.オプションのTursoデータベース - コンタクトフォーム、リード、管理者ダッシュボード付きウェイトリスト 7.Deployment config — Vercel/Netlify、サイトマップ、bots.txt、セキュリティヘッダ

#インストール場所

| ターゲット | ディレクトリ | お問い合わせ | [claude-code | [~/.claude/skills/astro-builder/ |[~/.claude/skills/astro-builder/ |[[~/.claude/skills/astro-builder/] |[[[~/.claude/skills/astro-builder/]] |[[~/.claude/skills/astro-builder/]] |[[~/.claude/skills/astro-builder/]]] |[[[[[[~/.claude/skills/astro-builder/]]]] [[[[~/.claude/skills/astro-builder/]]]]]] [[[[[~/.claude/skills/astro-builder/]]]]]]] [[[[~/.claude/skills/astro-builder/]]]]]] | [codex | [~/.codex/skills/astro-builder/ | [~/.codex/skills/astro-builder/ | [[~/.codex/skills/astro-builder/] | [[[~/.codex/skills/astro-builder/]] |[[~/.codex/skills/astro-builder/]] |[[~/.codex/skills/astro-builder/]]] |[[[[[[[codex]]]]] [[[[[~/.codex/skills/astro-builder/]]]]]]] [[[[[[[~/.codex/skills/astro-builder/]]]]]]] | [antigravity | [[T4] | [T4] | [[T4] | [[T4] | [[T4] | [[T4] | antigravity | antigravity | antigravity | [[T4] | [[T4] | [[T4] | [antigravity |antigravity |antigravity |[antigravity] |[[antigravity]] |[[[[antigravity]]].

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

astro-builder-skill

SEO-optimized Astro website builder skill for Claude Code, Codex CLI, and Antigravity.

Includes the taste-skill design system for premium, non-generic frontend output.

Install

# Claude Code
npx astro-builder-skill claude-code

# Codex CLI
npx astro-builder-skill codex

# Antigravity (workspace-local, creates .agents/skills/ in current dir)
npx astro-builder-skill antigravity

# Antigravity (global, all workspaces)
npx astro-builder-skill antigravity-global

# All targets
npx astro-builder-skill all

Or install from GitHub directly:

npx github:IncomeStreamSurfer/astro-builder-skill claude-code

What it does

Builds complete, deployment-ready websites in Astro that rank on Google. The skill walks the agent through:

  1. Niche research — analyzes competitors, finds keyword gaps, proposes site structure
  2. Full project setup — Astro + React + Tailwind CSS + premium fonts (Geist, Satoshi)
  3. Every page built with real content — SEO meta tags, structured data, Open Graph, internal linking
  4. Premium design — taste-skill rules prevent generic AI output (no purple gradients, no Inter, no card grids)
  5. Content collections — Type-safe Markdown content for blog posts, services, testimonials
  6. Optional Turso database — for contact forms, leads, waitlists with admin dashboard
  7. Deployment config — Vercel/Netlify, sitemap, robots.txt, security headers

Where it installs

Target Directory
claude-code ~/.claude/skills/astro-builder/
codex ~/.codex/skills/astro-builder/
antigravity .agents/skills/astro-builder/ (workspace-local)
antigravity-global ~/.gemini/antigravity/skills/astro-builder/

Files included

  • SKILL.md — Main skill instructions
  • references/astro-setup.md — Project scaffolding and config
  • references/seo-checklist.md — SEO component code and per-page checklist
  • references/tailwind-components.md — Tailwind component patterns (nav, forms, FAQ, admin)
  • references/content-collections.md — Astro content collection schemas and queries
  • references/taste-skill.md — Premium frontend design rules (layout, typography, color, motion)
  • references/image-generation.md — Gemini-powered stock image generation (optional, needs GEMINI_API_KEY)
  • references/turso-setup.md — Database, API routes, and admin dashboard
  • references/deployment.md — Vercel/Netlify deployment guides
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add incomestreamsurfer/astro-builder-skill
MCP 初心者?mcpskill.org のガイドから始めましょう →