Skills
.Work. You
Rest

gerar-layout

Community

Exhaustive layout specs from approved copy and design.

Design & Creative#layout#specification#handoff#design-system#art-direction#library-effects#copy-to-design
Authorogallotti
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill generates a complete, unambiguous layout specification (layout.md) for every section of the landing page, derived from the approved copy and visual design, ensuring developers can reproduce pixel-perfect results without interpretation.

Core Features & Use Cases

  • Transforms copy and design into a detailed section-by-section layout specification, referencing exact library effects and design tokens.
  • Documents DNA Visual, media treatment, typography, spacing, and animation details for each section to support the 'desenvolver' workflow.
  • Provides a structured specification suitable for QA and handoff to production across multiple pages and variants.

Quick Start

Generate the complete layout specification by applying this skill to the approved copy and design assets.

Dependency Matrix

Required Modules

None required

Components

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: gerar-layout
Download link: https://github.com/ogallotti/metodo-zero/archive/main.zip#gerar-layout

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 471,000+ vetted skills library on demand.