astro-forms
Astro Forms Skill
Server-side form handling for lead generation sites on Cloudflare Workers.
Scope
This skill covers the backend pipeline: validation → spam check → storage → email → redirect → analytics. For form UI components, field layout, and styling see the project's frontend patterns. The one exception is modifiers.md which documents common form layout variants for reference.
Implementation Sequence
When building a form, follow this order:
- Define the schema —
references/schemas.md→ copy + adapt Zod schema - Copy boilerplate —
assets/boilerplate/lib/→ intosrc/lib/forms/ - Configure Worker —
wrangler.tomlwith KV binding,wrangler secret putfor all secrets - Set up Google Sheet — create service account, share sheet, add column headers (row 1)
- Wire frontend — form posts to
/api/submit, includes Turnstile + honeypot + hidden fields - Test locally —
wrangler dev, submit form, check email + Sheets - Deploy —
wrangler deploy
More from soborbo/claudeskills
astro-seo
SEO markup patterns for Astro lead generation sites. Meta tags, Open Graph, Schema.org, sitemap, robots. Use for all SEO implementation.
37astro-architecture
Technical architecture for Astro lead generation websites. Use when setting up new projects, configuring build tools, or establishing project foundations. For images use astro-images skill. For SEO use astro-seo skill.
20astro-performance
Core Web Vitals and performance optimization for Astro sites. LCP preloading, font strategy, image patterns, critical path, third-party scripts, Cloudflare Tag Gateway. Use for performance tuning.
18astro-animations
Animation patterns for Astro sites. Scroll animations, micro-interactions, transitions, loading states. Performance-focused, accessibility-aware.
17astro-a11y
Accessibility patterns for Astro lead generation sites. WCAG 2.1 AA compliance, screen readers, keyboard navigation, focus management, ARIA. Use for all accessibility implementation.
14astro-images
Width-based responsive image patterns for Astro. Local processing, AVIF/WebP/JPG, face-focus, OG generation. Includes Picture and FixedImage components.
14