xiaohongshu
xiaohongshu
latest-astro
Latest Astro features from versions 4.x through 5.x (mid 2024 to 2025)
Full skill instructions
Comprehensive knowledge about Astro framework features released from mid-2024 through 2025
This skill contains up-to-date knowledge about Astro framework features, API changes, and best practices from versions 4.x through 5.x (2024-2025). Astro has evolved significantly with major releases introducing the Content Layer API, Server Islands, enhanced Actions API, and performance improvements.
The Content Layer is a major evolution in content management, replacing and enhancing Content Collections.
Key Features:
Resources:
Server Islands combine static HTML with dynamic server-generated content for optimal performance.
Resources:
Type-safe backend function calls from the client with built-in validation.
Resources:
Astro is actively working on RSC support as a simpler alternative to Next.js.
Resources:
Astro's client directives control when and how JavaScript is hydrated:
| Directive | Behavior |
|---|---|
client:load | Hydrate immediately on page load |
client:idle | Hydrate when browser is idle |
client:visible | Hydrate when scrolled into view |
client:media={...} | Hydrate based on media query |
client:only | Server-side rendering disabled |
Resources:
Astro DB - Fully-managed SQL database
Prisma - Type-safe ORM
Drizzle ORM - Lightweight TypeScript ORM
Resources:
Features:
New in 2024-2025:
Resources:
Performance:
Resources:
Resources:
New in 2025:
Supported UI Frameworks:
Resources:
Tailwind 4 now uses a Vite plugin instead of @astrojs/tailwind:
Resources:
Resources:
Features:
astro info outputAstro continues to lead in performance:
xiaohongshu
technical spec
product ux expert
database patterns
Conduct multi-agent task orchestration and workflow coordination.
Initialize project with Conductor artifacts (product definition,
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Creates Mermaid and ASCII diagrams for flowcharts, architecture, ERDs, state machines, mindmaps, and more. Use when user mentions diagram, flowchart, mermaid, ASCII diagram, text diagram, terminal diagram, visualize, C4, mindmap, architecture diagram, sequence diagram, ERD, or needs visual docume...
PostgreSQL bindings for H3 hexagonal grid system. Use when working with H3 cells in Postgres, including spatial indexing, geometry/geography integration, and raster analysis.
Context-Driven Development skill for projects using Conductor. Use this skill when you detect a `conductor/` directory in the project, when working on tasks defined in a `plan.md` file, or when the user asks about tracks, specs, or plans. Automatically applies TDD workflow, tracks task completion...
Display project status, active tracks, and next actions
Official Stakpak application containerization standard operating procedure, a step-by-step guidline to properly dockerize applications. This is a rule book curated by the Stakpak Team.
Generate, edit, and beat-sync AI video with leading models in one workspace.
The world's fastest calendar for remote work
Transform Your Design with AI Designer by ImgCreator.ai
Revolutionizing Video Production with AI-Powered Creativity
Extend an image past the frame and let AI fill the new aspect ratio.
Discover your celebrity doppelgänger with StarByFace!
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Opus.ai: Revolutionize Your Web Experience