IA

incomestreamsurfer/astro-builder-skill

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

76 stars 품질 46 트렌드 14

importstreamsurfer/astro-builder-skill은 https://github.com/incomestreamsurfer/astro-builder-skill.]에서 가져온 에이전트 기술 후보입니다

개요

importstreamsurfer/astro-builder-skill은 https://github.com/incomestreamsurfer/astro-builder-skill.]에서 가져온 에이전트 기술 후보입니다

개요(AI 번역)

Claude Code, Codex CLI 및 Antigravity에 대한 SEO 최적화 Astro 웹 사이트 빌더 기술.

프리미엄, 비일반적인 프론트엔드 출력을 위한 맛스킬 디자인 시스템을 포함합니다.

설치

GitHub에서 직접 설치:

무엇 그것

Google에서 순위 Astro에서 전체, 배포 읽기 웹 사이트를 구축합니다. 기술을 통해 에이전트를 걸어:

  1. ** Niche 연구 ** - 경쟁자를 분석하고 키워드 격차를 찾습니다. proposes 사이트 구조
  2. ** 풀 프로젝트 설정 ** - Astro + React + Tailwind CSS + 프리미엄 글꼴 (Geist, Satoshi)
  3. ** 모든 페이지는 실제 콘텐츠로 구축 ** - SEO 메타 태그, 구조 데이터, 오픈 그래프, 내부 링크
  4. ** 프리미엄 디자인 ** - 맛 스킬 규칙은 일반적인 AI 출력을 방지 (자외 gradients, Inter, no card grids) 5.Content collection — 블로그 게시물, 서비스, 평가에 대한 Type-safe Markdown 내용
  5. ** 옵션 Turso 데이터베이스 ** - 연락처 양식, 리드, 관리자 대시보드와 대기 목록 7.Deployment config — Vercel/Netlify, 사이트 맵, robots.txt, 보안 헤더

어디서 설치

| 대상 | 전화번호 | |—||| | claude-code | ~/.claude/skills/astro-builder/ | | [T2] | ~/.codex/skills/astro-builder/ | [T3] | [T4] |'.

이 페이지는 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 가이드부터 시작하세요 →