section-builder
CommunityCreate stunning, conversion-optimized website sections.
Authordeomiarn
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Section design often lacks consistency and efficiency. Section Builder provides patterns and guidelines to help designers and engineers create reusable, conversion-focused website sections with a cohesive visual language.
Core Features & Use Cases
- Section Anatomy: Guidelines for structure, spacing, typography, and depth to ensure editors can assemble sections quickly.
- Pattern Library: Predefined hero, feature grid, testimonials, pricing, and CTA templates that can be customized per project.
- Use Case: Given a new landing page, generate a modular set of sections aligned to a brand's goals and responsive across breakpoints.
Quick Start
Use the Section Builder to craft a hero with a split layout and a responsive features grid for a new product page.
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: section-builder Download link: https://github.com/deomiarn/website-os/archive/main.zip#section-builder 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 223,000+ vetted skills library on demand.