DevelopmentMédio

arrange

porpbakaus·pbakaus· v1.0.0 · atualizado em 2026-04-10

Score

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.

layout-designspatial-designvisual-hierarchyui-designresponsive-designfrontend-design

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdarrange/workflow

Assess Current Layout: — Analyze spacing, visual hierarchy, grid, rhythm, and density.

Gather Design Context: — Use the frontend-design skill's Context Gathering Protocol.

Plan Layout Improvements: — Define spacing system, hierarchy strategy, and layout approach.

Establish Spacing System: — Implement a consistent spacing scale.

Create Visual Rhythm: — Apply tight grouping and generous separation.

Choose Layout Tool: — Use Flexbox for 1D, Grid for 2D layouts.

Verify Improvements: — Conduct squint test and assess rhythm, hierarchy, and responsiveness.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comteach-impeccable

Árvore do Skill

arrange

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers8

improve the layoutarrange elements on the pagefix spacing issuesenhance visual rhythmcreate a more intentional compositionaddress monotonous gridsimprove visual hierarchyoptimize spacing and alignment

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download arrange

$ synaptic skills detail arrange

$ synaptic skills live arrange

Links

GitHub Repository