block-reference

Reference website blocks with content models, variants, and authoring guidelines.

Updated Feb 15, 2026
One-click install
npx skills add https://github.com/Permit-Junction/permitjunction-website --skill block-reference
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: block-reference
Source: https://github.com/Permit-Junction/permitjunction-website/tree/main/.claude/skills/block-reference
Command: npx skills add https://github.com/Permit-Junction/permitjunction-website --skill block-reference

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to all available blocks on the Permit Junction website, demystifying their structure, variants, and usage for content authors and developers.

Core Features & Use Cases

  • Block Discovery: Easily find and understand every block's purpose and capabilities.
  • Content Modeling: Learn the exact content structure required for each block.
  • Variant Exploration: Discover and apply different visual and functional variants of blocks.
  • Use Case: A content author needs to create a new hero section. They consult this Skill to understand the Hero block's content model, available variants like center or light, and how to structure the background and foreground content for optimal display.

Quick Start

Use the block-reference skill to find information about the Card block.

Frequently Asked Questions about block-reference

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

FAQPage Schema
What is a website block content model and how does it structure page components?

A website block content model defines the exact structural elements and fields required for each block, ensuring content authors and developers understand how to structure foreground and background elements for optimal display and decoration behavior.

How do I find the right block variants for a new hero section?

You can explore available visual and functional block variants for a hero section by consulting the block reference guide, which details options like center or light variants and how to structure background and foreground content correctly.

How do I author content for specific website blocks using CSS classes?

Authoring content requires following the specific content model and CSS class decoration behavior defined for each block, using the provided authoring guidelines to structure elements correctly for consistent rendering across the website.

What website blocks are available for content creation in the DA library?

The DA library provides a comprehensive set of website blocks with detailed references, including their content models, variants, and authoring guidelines to facilitate efficient content creation and development.

Does the block reference include authoring guidelines for DA library templates?

Yes, the block reference includes detailed authoring guidelines and explains how DA library templates work, helping content creators understand block structure, CSS classes, and decoration behavior for efficient development.

When should I check block variants before adding content to a page?

You should check block variants before adding content to a page whenever you need to apply different visual or functional styles, ensuring the content model matches the selected variant for optimal display and correct rendering.