Skip to content

feat: draw member icons in their products' colors - #18

Merged
showxu merged 2 commits into
masterfrom
feat/member-icons
Oct 23, 2026
Merged

showxu merged 2 commits into
masterfrom
feat/member-icons

Conversation

@showxu

@showxu showxu commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor

Summary

Each member's icon now looks like the product it serves.

  • Component icons: the six plugins and the Homebrew tap are framework slabs, generated from new icons entries in DESIGN.md's Iconography block with the apple-framework-icon-design generator.
    • Each slab takes the main color of its product and deepens it through three bands: Claude terracotta, Codex blue, Cursor graphite, Computer Use sky-to-pink, Swift orange, Homebrew amber, TRAE black with green.
    • Each face carries the App's design grid and a layered glyph that follows the product's mark: spark, cloud with a prompt, cube, pointer, bird, mug, pixel face.
  • Apple CLI: a Liquid Glass App icon on the App's violet field and grid, from a new app_icons entry. It shows four glass tiles in the colors of Notes, Calendar and Mail; the fourth is a dark terminal with a prompt. The original layers are in Brand/app-icon/layers/apple-cli-*.svg.
  • Compositions: headers and social cards show each member's icon.
    • Each header's chat bubble now carries a request that member serves (members[].request), instead of the App's sample request.
    • The Homebrew tap is reached from a terminal, so its chat card is replaced by a command card with its two install commands. The computer's screen there shows the App and Apple CLI icons.
    • For every other member, the screen shows its icon's glyph flat in ink, with inlaid parts in the screen's amber.
  • Renderer: Brand/render.mjs now runs both generators: APP_ICONS_SCRIPT and the new FRAMEWORK_ICONS_SCRIPT. Its manifest records both generators' digests. Brand/icons.mjs, the icon tokens and the old member glyph fields are gone.
  • DESIGN.md:
    • Icon Family, Colors, Shapes, Iconography, Don'ts and the Iteration Guide describe the new family.
    • The rule against vendor and Apple marks is gone; the SF Symbols and SF Pro rule stays.
    • The README's brand update steps name both generators.

The App's own icon, web icons, headers and social cards regenerate byte for byte.

Delivery to member repositories (brand.py sync) follows in each repository's own pull request.

Validation

  • npm --prefix Brand run lint: 0 errors, 0 warnings.
  • design_icons.py DESIGN.md --lint: clean for 7 icons.
  • app_icons.py DESIGN.md --name apple-cli --lint: only the accepted findings recorded in Iconography.
  • python3 Brand/brand.py check: 56 exports match their manifest.
  • Rendered with showxu/skills 36707036.
  • Reviewed by eye on light and dark backgrounds at 160 and 40 px: all member headers, and all six macOS renditions of the Apple CLI icon.

Plugins and the Homebrew tap become framework slabs generated from Iconography entries: each takes the main color of the product it serves, carries the App's design grid, and has a glyph that follows the product's mark. Apple CLI gets a Liquid Glass App icon on the App's field. The renderer calls both icon generators, draws each member's screen glyph from its icon, and no longer has its own component icon renderer.
Plugins and Apple CLI show a request their own product handles. The Homebrew tap shows its install commands in the code block component and, on the computer's screen, the App and Apple CLI it installs.
@showxu
showxu merged commit 93c6eac into master Oct 23, 2026
3 checks passed
@showxu
showxu deleted the feat/member-icons branch October 23, 2026 12:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant