26 Jul 2026Latest
Storytelling, sizing, and a scoped motion decision
Real critique of a generated site (headings too big, thin on visual density, no story from section to section) turned into three shipped fixes, ranked and worked in order, plus a from-scratch evaluation of anime.js as a second motion engine, decided on real bundle-size measurements and hands-on browser testing, not a docs skim.
- Added a narrative-arc discipline (StoryBrand/PAS-grounded, six beats: hook, problem, solution, how-it-works, proof, close) so generated sections build an argument instead of just varying in shape. #64
- Capped headline sizing below 6 words (no more one-word-per-line hero text) and gave non-hero section headlines their own, smaller ceiling. #65
- Gave proof/evidence sections a real visual-density floor: a label, description, and small icon is not enough to carry a proof beat. #66
- Evaluated anime.js as a motion engine: measured actual bundle sizes, hand-built and browser-tested a starter, and adopted it as a scoped alternative for SVG motion-path/shape-morphing only. GSAP stays the default everywhere else. #67
- Added a copyable
npx skills add command to the site's hero, matching the reference's placement in our own visual language. #59
- Recorded a positioning decision: the generative core stays free and MIT, specialized aesthetic variants become the paid differentiator. #69
- Drafted a Vercel Open Source Program application and a sponsor-outreach kit (materials only, not sent). #70
23 Jul 2026
Closed the structural gap: variety, gates, and verbs
Studied the strongest anti-slop design skill in the field to find what it did that Tastemaker didn't, then shipped a three-phase upgrade that kept Tastemaker's own edge (a generated palette per project, real sourced assets) while closing the structural gap.
- Shipped a structure engine: named macrostructures and a component catalog with a project-memory rule, so page shape varies project to project the way color already does. #40
- Turned the anti-slop checklist into a numbered, mood-scoped 47-gate list with a pre-emit self-critique pass. #41
- Added
study and audit modes: extract design DNA from a reference, or grade existing UI against the gate list, without editing it. #42
- Fixed a real hero headline clipping bug (descenders touching the line below) and set a hard line-height floor. #32
- Hero headline size now scales with word count instead of one fixed size for every length. #33
- Added deliberate column-balance and one consistent section-separation rule for two-column layouts. #34
- Chart and graph cards now require a caption, and generated chart geometry gets an actual sanity check before shipping. #35
- Defined an explicit fallback path for a color pairing that fails contrast, instead of leaving it to chance. #36
- Widened icon-set variation per mood and rewrote the README's monoculture claim to match what actually ships. #37
- Documented a verified runtime dark/light toggle as a first-class, contrast-checked option. #38
- Added a typography model for non-Latin scripts, with Korean and Pretendard as the worked example. #39