visual-composition
Arrange encoded marks into a legible artifact with an intentional visual hierarchy, clean layout, and complete annotation (titles, labels, captions, legends, sourcing, alt text). Use after visual-encoding to compose the final figure/slide/panel layout. For v0.1 this skill also owns annotation.
Target: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Visual Composition (with annotation)
- Purpose
- When to invoke
- Inputs
- Required intermediate representation
- Procedure
- Medium adjustments
- Hard constraints
Given honest encodings, make the artifact read correctly at a glance: the intended element is seen first, the layout supports the intended comparison, and every mark is explained. Composition converts a correct encoding into a comprehensible communication. After visual-encoding; before visual-render-qa. Also when a figure is "busy", has a weak focal point, relies on a detached legend, or lacks a self-contained caption. The encoding table from visual-encoding and the intent record's takeaway, audience, and medium. A composition plan: 1. Assign layers: exactly one primary, zero-to-three secondary, optional context. Verify the primary layer has the strongest combination of position, size, contrast, and isolation (HIER-01). If context competes at first glance, reduce its weight (HIER-04, MAP-02 for maps). 2. Set up the intended comparison with grouping cues — proximity, enclosure, shared color (HIER-02). Start neutral (grays) and add emphasis only to the message (HIER-03). 3. Lay out for figure-ground and balance: subject reads as foreground (LAYOUT-03); remove non-informative ink unless it serves the reader (LAYOUT-01); prefer small multiples over one overloaded chart (LAYOUT-02); ali
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- Lmandrake/MandrakeWorkflows
- Source file
- skills/visual-composition/SKILL.md
- Fixed revision
- 1874105936272447e2f9c81ba1dac48dae6ed074
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明,再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: Lmandrake/MandrakeWorkflows · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-11T03:01:44.736Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.