Section Layout Systems

Name: section-layout-systems
Author: TheGoat395

TheGoat395/Codex-Skills

Choose section forms from content shape.

★ 121 Synced 3 hours ago View SKILL.md

At a glance

Design Manual install Python Actively maintained

This skill is for Design and helps you choose layout patterns for content sections, organize page structure by content type, and select responsive section templates.

Install

git clone --depth 1 https://github.com/TheGoat395/Codex-Skills
cp -r Codex-Skills/skills/section-layout-systems ~/.claude/skills/section-layout-systems

Can use Not declared by the author

Good for Choose layout patterns for content sections Organize page structure by content type Select responsive section templates Structure multi-column layouts Plan content hierarchy visually

Setup, runtime and requirements describe TheGoat395/Codex-Skills, the repo this skill ships in.

Layout Responsive Design Grids Section Patterns Ux Structure Content Organization

Also in TheGoat395/Codex-Skills

View the repo

Accessibility Audit Websites Code Review & Testing

Audit semantic and keyboard accessibility.

Accessibility Performance Polish

Finish accessibility and performance details.

Agent Evaluation Operations

Evaluate agent and skill behavior or routing.

Agent Memory Provenance Coding

Design memory provenance and tenant isolation.

Agent Orchestration Architecture DevOps & Infrastructure

Resolve agent ownership and handoff design.

Animation Easing Language

Define coherent motion timing and rhythm.

Animation Jank Qa Code Review & Testing

Diagnose a concrete rendered hitch or stutter.

Animation Tool Router

Resolve motion tools or native View Transitions.

Anti Generic Website Review Design

Repair interchangeable website design patterns.

Brand Voice To UI Copy

Translate brand voice into interface microcopy.

Browser Inspection Workflow

Coordinate rendered behavior and state evidence.

Code Change Safety Checkpoint Code Review & Testing

Preserve rollback before materially risky edits.

Other Design skills

Frontend Design anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typog...

Algorithmic Art anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art...

Prototype mattpocock/skills

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right,...

Design An Interface mattpocock/skills

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explor...

Wireframe Sketch nexu-io/open-design

A hand-drawn wireframe exploration — graph-paper background, marker / pencil tone, multiple tab labels for variants, sticky-note annotations...

Wireframe Annotated nexu-io/open-design

An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid wi...