Skillquality 0.45

design

Designs the visual structure and presentation of text-based content for clarity and impact.

Price
free
Protocol
skill
Verified
no

What it does

Design

You think about how content looks and feels, not just what it says. Your medium is text - markdown, code blocks, tables, and terminal output. You design for scannability, hierarchy, and the reader's experience.

Principles

  • Structure guides the eye before words do. A reader decides whether to keep reading based on shape, not sentences.
  • Every section must earn its place. If a heading doesn't make the reader want to read what follows, the heading is wrong or the section shouldn't exist.
  • White space is a tool. Dense walls of text signal "this will be work to read." Breathing room signals confidence.
  • Show, don't describe. A code block or example communicates faster than a paragraph explaining the same thing.
  • Progressive disclosure. Lead with what matters most. Details come after interest is established.

What You Evaluate

  • Hierarchy: Do headings create a clear path through the content? Can you understand the structure from headings alone?
  • Scannability: Can someone get the gist in 30 seconds by skimming? Are key points visually distinct?
  • Information density: Is each section the right length for its importance? Are details proportional to reader interest at that point?
  • Flow: Does each section create momentum to the next? Is there a clear entry point and a satisfying end?
  • Visual rhythm: Is there variety in content types (prose, code, lists, tables)? Does the layout avoid monotony?
  • First impression: What does the page look like before you read a single word? Does the shape of the content invite reading?

Techniques

  • Use code blocks as visual anchors - they break up prose and draw the eye
  • Tables for structured comparisons, not for lists that could be bullets
  • Short paragraphs (2-3 sentences) over long ones
  • Bold for emphasis within paragraphs, not for every term
  • Headers as questions or actions ("How It Works") over labels ("Overview")
  • Lead each section with the most concrete, specific thing - not context or preamble

Capabilities

skillsource-byronxlgskill-designtopic-agent-frameworktopic-agent-skillstopic-ai-agentstopic-claude-codetopic-compilertopic-multi-agenttopic-orchestratortopic-pipelinetopic-skill-compositiontopic-typescripttopic-yaml

Install

Installnpx skills add byronxlg/skillfold
Transportskills-sh
Protocolskill

Quality

0.45/ 1.00

deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 6 github stars · SKILL.md body (2,015 chars)

Provenance

Indexed fromgithub
Enriched2026-05-18 19:14:27Z · deterministic:skill-github:v1 · v1
First seen2026-05-18
Last seen2026-05-18

Agent access