🎉 Exciting news! We've launched Nakxi, a powerful design tool for creating designs, app screenshots and mockups. Check it out today! 🚀
Code & Dev Compatible: claude

Astro Content Collections Schema

Complexity Level: Expert
Prompt Code Block

Implement Astro Content Collections for [SITE_TYPE] with types: [post | tutorial | snippet]. Provide: - `src/content/config.ts` Zod schemas with frontmatter fields [LIST FIELDS] - Draft/published flags, tag normalization, slug rules - `getStaticPaths` example for `[...slug].astro` with pagination - RSS feed generation snippet - Image optimization pattern using `astro:assets` - Type-safe `getCollection` filters (featured, by tag) Include one sample MDX entry and note build-time vs server island choices for Astro 5.

🌟 Example Output / Preview

### Generated Component Preview: ```typescript // Fully validated modern structure import { z } from 'zod'; export const RequestSchema = z.object({ id: z.string().uuid(), createdAt: z.date().default(() => new Date()), data: z.record(z.string(), z.any()) }); export type ValidatedRequest = z.infer<typeof RequestSchema>; ```

Prompt Metadata

DifficultyExpert
Compatibilityclaude

Primary Use Cases:

  • Legacy code modernization & technical refactoring
  • Full-stack layout generation & component structuring
  • CI/CD workflow automation & unit/E2E testing suites

Associated Tags:

#astro #content-collections #zod #static

💡 Pro Tips & Advice

1. Use bracketed items: Be sure to fill out all [PLACEHOLDER] elements with specific details before sending the prompt to the AI model.

2. Adjust temperature: For creative tasks, set AI temperature higher (e.g., 0.8), or lower (e.g., 0.2) for strict coding/technical tasks.

🔗 Related AI Prompts

Code & Dev
★ Featured 🔥 Trending

Refactor legacy JavaScript to modern

Act as a Senior Frontend Engineer. Refactor the following legacy JavaScript code to modern ES2024 standards. Use const/let, arrow ...

Compatible:claudeDiff:Expert
#code-dev #refactor #legacy
Code & Dev
★ Featured

Generate Tailwind component

Create a responsive, accessible React component using Tailwind CSS for a [UI element, e.g., Pricing Table with 3 tiers]. Include h...

Compatible:claudeDiff:Beginner
#code-dev #generate #tailwind
Code & Dev
★ Featured

Playwright E2E test suite

Write a Playwright end-to-end test suite in TypeScript for a standard user login flow. Include tests for: successful login, invali...

Compatible:claudeDiff:Intermediate
#code-dev #playwright #e2e