scaffold-section
OfficialCreate Gold Standard Liquid sections fast.
Authorfluid-commerce
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill generates a Gold Standard .liquid section scaffold with a pre-filled schema, enabling teams to rapidly create consistently structured website sections while maintaining brand alignment.
Core Features & Use Cases
- Pre-filled Gold Standard schema block including section name, class, color scheme, padding controls, content-for-header flag, and preset block types.
- Content slots markers for easy content insertion: <!-- SLOT: heading -->, <!-- SLOT: body -->, <!-- SLOT: media -->, <!-- SLOT: cta -->.
- CSS stub with scoped styles tied to the section ID and brand tokens for visual consistency.
- Clear post-scaffold steps to validate schema and tailor settings for specific sections.
Quick Start
Run node tools/scaffold.cjs <section-name> to generate a new .liquid section scaffold.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: scaffold-section Download link: https://github.com/fluid-commerce/DesignOS/archive/main.zip#scaffold-section Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.