Skip to content

/elite-web

New
Skill 10

Astro module sites on Cloudflare. Pages, layouts, Tailwind v4, SEO, and assets deploy — production patterns from this stack.

What It Covers

  • Feature modules under src/modules/{feature}/
  • BaseLayout with SEO, Open Graph, and JSON-LD
  • Tailwind CSS 4 with @theme tokens and mobile-first patterns
  • Content collections and static page composition
  • Cloudflare assets deploy via wrangler.jsonc

Install This Skill

npx skills add https://eliteskills.ai --skill elite-web

Or install all skills:

npx skills add https://eliteskills.ai

Skill Structure

tree
.claude/skills/elite-web/
├── SKILL.md
├── project-structure.md
├── components.md
├── seo-deploy.md
└── completion.md

Example Prompts

New page
> /elite-web Add a /about page with hero section and team grid
Feature module
> /elite-web Testimonials module with a carousel
SEO setup
> /elite-web Add robots.txt, llms.txt, and sitemap config for this Astro site

Best Practices

  • Compose pages from module components — keep src/pages/ thin
  • Run astro check (not tsc) before considering work done
  • Use @/ path aliases consistently across layouts and modules
  • For distinctive visual redesigns, invoke elite-style instead

Compatible Tools