Skills
.Work. You
Rest

lusena-spacing

Community

Master LUSENA theme spacing for premium UX.

Design & Creative#UI/UX#css#spacing#shopify#theme development#padding
Authorfulfon
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures consistent, premium spacing across the LUSENA Shopify theme, enhancing both aesthetic appeal and conversion rates by guiding user focus.

Core Features & Use Cases

  • Section Padding: Manages vertical spacing between sections using predefined tiers (--compact, --standard, --spacious, --hero).
  • Content Flow: Controls spacing within containers (e.g., between headings and body text) using lusena-content-flow classes.
  • Element Gaps: Applies specific margins to individual elements (lusena-gap-*) when content-flow is not suitable.
  • Use Case: Reviewing the homepage of a LUSENA theme to ensure all sections have appropriate top/bottom padding and that elements within sections (like a kicker and heading) have the correct vertical rhythm, leading to a cleaner, more professional look that encourages user engagement.

Quick Start

Use the lusena-spacing skill to review the spacing on the homepage.

Dependency Matrix

Required Modules

None required

Components

assetsreferences

💻 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: lusena-spacing
Download link: https://github.com/fulfon/lusena-dawn/archive/main.zip#lusena-spacing

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.