section-skeleton

Generate deterministic Astro component skeletons with predefined slots and variants.

4|1|Updated Dec 21, 2025
One-click install
npx skills add https://github.com/Soborbo/claudeskills --skill section-skeleton
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: section-skeleton
Source: https://github.com/Soborbo/claudeskills/tree/main/section-skeleton
Command: npx skills add https://github.com/Soborbo/claudeskills --skill section-skeleton

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates repetitive boilerplate when creating Astro components by generating ready-to-use skeletons with predefined slots and structure.

Core Features & Use Cases

  • Generates section skeletons for common page areas (hero, problem, solution, benefits, FAQ, final-cta, pricing, gallery) with strict slot definitions.
  • Supports deterministic output with options for different variants (default, compact, expanded) and ensures page-type compatibility rules.
  • Enables rapid prototyping and consistent architecture across landing, service, or article pages.

Quick Start

Use the section-skeleton skill to generate a skeleton for a hero section on a landing page by specifying section_type: hero, variant: default, page_type: landing.

Frequently Asked Questions about section-skeleton

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate Astro section components with predefined slots for landing pages?

To generate Astro section components with predefined slots, specify the section type, variant, and page type. This produces deterministic skeleton blocks with named slots, enforcing consistent structure and compatibility rules for rapid page-building.

What are Astro skeleton components and when do I need named slots for page building?

Astro skeleton components are reusable section blocks with named slots that enforce consistent page architecture. You need them when building landing, service, or article pages to eliminate repetitive boilerplate and accelerate rapid prototyping.

Can I use this to create skeletons for different page areas like hero, pricing, and FAQ sections?

Yes, you can create skeletons for common page areas including hero, problem, solution, benefits, FAQ, final-cta, pricing, and gallery. Each generated skeleton enforces strict slot definitions tailored to its specific section type.

What variants are supported when generating Astro section skeletons?

Astro section skeletons support default, compact, and expanded variants. These options allow you to generate deterministic output tailored to different layout needs while maintaining page-type compatibility rules.

Does this approach enforce page-type compatibility rules for service and article pages?

Yes, the generation process enforces strict page-type compatibility rules. It ensures that the generated section blocks are structurally appropriate for your specified page type, whether it is a landing, service, or article page.

What is the best way to reduce boilerplate when creating multiple Astro components for a service page?

The best way to reduce boilerplate is generating ready-to-use Astro section skeletons. By defining section_type and variant, you get reusable blocks with predefined slots and consistent structure, eliminating repetitive setup across service pages.