Skip to content

feat: add mascots, Glyph family, stamps, schematic, and motion patterns - #24

Merged
johnnyhuy merged 3 commits into
mainfrom
feat/mascots-and-objects
Oct 2, 2026
Merged

johnnyhuy merged 3 commits into
mainfrom
feat/mascots-and-objects

Conversation

@johnnyhuy

@johnnyhuy johnnyhuy commented Sep 28, 2026 •

Copy link
Copy Markdown
Contributor

Summary

  • Mascot SVGs: the cube pair, dot, page, and desk, plus signal, halo, turn, twins, and cairn, and round marks (disc, arc, orbit, bead). All generated by scripts/build-identity.py.
  • Live mascots (LiveMascots.tsx): Blink, Prompt, and Fold, each with five agent states (idle, running, needs input, blocked, ready) in the badge colours. Blink has top-face tones, gear (antenna, bead, halo), a compact avatar for a session roster, and a block-character version with six pi.dev skins.
  • pi.dev set (PiSet.tsx): five non-cube shapes (Pip, Brackets, Caret, Glyph, Stamp) in four looks (ink, blueprint, paper, warm), plus stamps, rules, icons, and an empty state.
  • Glyph family (GlyphFamily.tsx): the Pi mark as a character, with Peek, Carry, Walk, and Assemble poses, a 3D extrusion, a wordmark whose i-dot is the square dot, a terminal version, and a size ramp.
  • Stamps (Stamps.tsx): label, seal, ticket, postmark, review form, and stickers, with a worn-ink filter, a press-in animation on state change, and a passport page.
  • Schematic (Schematic.tsx): a blueprint drawing sheet of the Glyph with dimensions, callouts, an exploded view, a parts list, a live state diagram, and a title block.
  • 3D objects and loaders: the sheet, stack, token, ring, hoop, and orb.
  • Demo: everything is on demo.html, with look and state switches.

Consequences

  • No app screens change. The new components live in the design system and the demo page only.
  • components.css grows by about 1.9k lines of design-system styles.
  • All motion stops under prefers-reduced-motion.

Testing

  • bun run lint, bun run typecheck, bun run test:unit (34 passed), and vite build all pass.
  • Checked in headless Chrome at 1440px and 420px across every state and look, with no page errors.

🤖 Generated with Claude Code

johnnyhuy and others added 3 commits September 29, 2026 00:04
The demo had one desk pair and the cube. This gives the system a dot, a page, and a desk, plus sheets and a token that turn, and the loading and agent-loop treatments a session already needs.

Co-authored-by: Cursor <cursoragent@cursor.com>
Disc, arc, and orbit marks plus bead, signal, halo, turn, twins, and cairn mascots, generated by build-identity.py.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Blink, Prompt, and Fold mascots with idle, running, needs input, blocked, and ready states
- Blink tones, gear, session roster avatars, and a block-character version with pi.dev skins
- pi.dev set: Pip, Brackets, Caret, Glyph, and Stamp shapes in ink, blueprint, paper, and warm looks
- Glyph family: Peek, Carry, Walk, Assemble, Extrude, wordmark, terminal, and sizes
- Stamps: label, seal, ticket, postmark, review, stickers, worn ink, and press-in motion
- Blueprint schematic sheet of the Glyph with dimensions, exploded view, parts list, and state schema
- Round loaders and objects (ring, hoop, orb)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@johnnyhuy johnnyhuy changed the title Add mascots, 3D objects, and motion patterns feat: add mascots, Glyph family, stamps, schematic, and motion patterns Oct 2, 2026
@johnnyhuy
johnnyhuy merged commit 4269e33 into main Oct 2, 2026
14 checks passed
@johnnyhuy
johnnyhuy deleted the feat/mascots-and-objects branch October 2, 2026 23:17
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