skills.rest
noticesfromchat
noticesfromchatCOMMUNITY
Explore all skills by this author →
GitHub

layout

Improves spacing, alignment, and composition in a specified user interface.

Updated Jul 10, 2026
Search Tags:#layout#composition#alignment#ui design#spacing#interface
One-click install
npx skills add https://github.com/noticesfromchat/macos-app-digest --skill layout-noticesfromchat
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: layout
Source: https://github.com/noticesfromchat/macos-app-digest/tree/main/.agents/skills/layout
Command: npx skills add https://github.com/noticesfromchat/macos-app-digest --skill layout-noticesfromchat

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Interfaces often suffer from inconsistent spacing, misaligned elements, and weak visual composition that degrade usability. This Skill delegates layout refinement to the $impeccable layout workflow, applying structured improvements to a target interface. ## Core Features & Use Cases - Spacing Adjustment: Reviews and improves padding, margins, and rhythm between interface elements. - Alignment Correction: Fixes misaligned components to create a coherent visual grid. - Composition Review: Evaluates overall layout balance for a specified screen, page, or component. - Use Case: After building a settings page that feels visually cluttered, invoke this Skill with the page as the target to receive concrete spacing and alignment improvements. ## Quick Start Ask the assistant to run the layout skill on a specific interface target, for example: improve the layout of the dashboard settings page.

Frequently Asked Questions about layout

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve spacing and alignment in a UI with this skill?▼

Invoke the skill with a target interface, such as a page or component name. It forwards the target to the $impeccable layout workflow, which analyzes spacing, alignment, and composition and applies improvements.

What does the layout skill actually do?▼

It is a pinned shortcut that invokes the $impeccable layout command, passing along any arguments you provide. The underlying workflow handles the actual spacing, alignment, and composition analysis for the specified interface.

Can I use the layout skill on any interface target?▼

Yes, the skill accepts a target argument indicating which interface to refine. The argument-hint metadata specifies a single [target] parameter, and the skill is user-invocable for direct use.

Does the layout skill run automatically without being invoked?▼

No, its agents/openai.yaml configuration sets allow_implicit_invocation to false. It only runs when you explicitly invoke it, preventing unintended layout changes.

What are the limitations of this layout shortcut?▼

The skill itself contains no independent logic; it delegates entirely to the $impeccable layout workflow. If that underlying workflow is unavailable, the shortcut has no fallback behavior of its own.

Related Skills

Explore More Design & Creative Skills→
trydyddtrydydd

i-adapt

Creates adaptive design plans specifying layouts, roles, and cross-device behavior for given contexts.

Community
Advanced
logo-solutionslogo-solutions

frontend-ui-engineering

Implement accessible, responsive UI components with WCAG 2.1 AA support.

Official
Advanced
TedTschoppTedTschopp

brand-guidelines

Enforce tedt.org color, typography, and layout rules across design artifacts.

Community
Basic
VilnaCRM-OrgVilnaCRM-Org
1

figma-design-check

Verify planned UI changes against Figma designs via the Figma MCP before editing component code.

Official
Intermediate