SuperAPI AI Directory

halftone-ui-collage

Design & creation

View repository

Updated 10-15 21:40

About this skill

Halftone UI Collage

Compile the topic into a prompt that can be rendered directly. The fixed narrative of this Skill is:a person is working at a real desktop workstation, not "a laptop placed behind the person" or "a screen blocking the person's chest."

Fixed Spatial Relationships

  • A person sits in the foreground on an office chair, body slightly turned, face and upper body fully visible.
  • A brandless horizontal desktop monitor sits on the rear section of the desk behind or diagonally behind them, peeking out from behind one shoulder.
  • The monitor must have a thin bezel, a real stand, and a clearly visible base; the keyboard and mouse lie flat on the desk in front of it.
  • The screen, stand, base, keyboard, and mouse belong to the same desk; the monitor cannot float, cannot look like a standalone product, and cannot block the person.
  • By default, use only one desktop monitor. No laptop, tablet, second monitor, or pseudo-device of "a screen plus a thin keyboard."

Aspect Ratio and Style DNA

  • The aspect ratio is fixed at 5:2; recommended 3200×1280、high。
  • left third: kicker + two-line oversized headline; middle: the person and desktop workstation; right third: two heterogeneous white UI cards + one chip.
  • The person, office chair, monitor casing, and keyboard use fine black-and-white halftone dots; restrained abstract dither grain, ink dots, and soft noise transitions may be added inside the person's silhouette, but the face must remain clear.
  • The screen and cards stay flat and clean; the background, desktop, and bottom organic shapes may be covered with a layer of low-contrast warm paper fiber and print grain to enhance tactility, but this must not affect the clarity of text, charts, and outlines.
  • The white sticker outline follows only the person's silhouette, not the monitor, desk, keyboard, or cards.
  • Five-color division of labor:INK for text/icons/doodles,SWASH only for the brush behind the person,ACCENT only for status highlights,ORGANIC only for bottom-corner color blocks and plant lines,GREY only for placeholder bars and thin lines.
  • The height of the bottom-corner organic color block is less than 18% of the frame; the two cards on the right must be one graphic card and one row-column card, with different structures.

Input and Workflow

Infer the topic, title, person identity, screen content, two cards, and color palette from user input; do not ask them to fill out a form.

**Title language rule:** strictly inherit the user's title language. For Chinese input, output Chinese kicker, title, and card labels; for English input, output English. Within a single image, all readable text may use only one language; never mix Chinese and English on your own.

  1. From references/module-library.md select one color palette, one person pose, one graphic card, one row-column card, and one screen content option.
  2. Fill them into references/compile-contract.md finished skeleton; every finished prompt must fully write out the spatial relationship of "person in the foreground + desktop monitor behind the shoulder."
  3. When generating a batch, first list the module combinations for the five images to avoid repeating color palettes, screens, and cards.
  4. Output one complete English prompt; explain the selection rationale only when the user requests it.

Quality Threshold

  • The person is seated in the foreground, and the face and upper body are not blocked by the screen.
  • The monitor is behind the shoulder, with the stand and base resting on the desktop; the keyboard and mouse are in front of it.
  • There is only one person and one desktop monitor; no laptop, tablet, floating screen, duplicate devices, or impossible contact.
  • The kicker, title, and card labels are in the same language as the user input, and a single image does not mix Chinese and English.
  • Halftone dots and figure noise do not creep onto the screen or cards; the white outline does not creep onto the furniture. The background and desktop may have very slight paper grain, but must not become dirty or blurry.
  • The two cards are heterogeneous; the screen uses only placeholder bars and no readable sentences appear; there are no brand logos or watermarks.

Read

  • Must read:references/compile-contract.md(fixed spatial relationships and finished-prompt skeleton).
  • Selection:references/module-library.md(color scheme, pose, cards, and screen modules).
  • Example:references/examples.md(a complete example of a correct composition).

Guardrails

  • Describe the style using visual characteristics, do not name artists; always generalize real products into unbranded UI.
  • The person is a fictional generic person; if using a real person, first confirm their consent.
  • When the image output deviates, change only one variable; prioritize checking spatial relationships and device integrity, and do not stack style adjectives.