Skip to content

Commit 238962a

Browse files
vanceingallsvanceingalls
authored
fix(skill): house style anti-defaults for SVG, overlap, and zoom (#68)
## Summary - Anti-default: don't draw real-world objects with SVG paths — they look crude. Geometric shapes and abstract forms only. - Anti-default: every element needs clear space — overlapping text is always ugly. - Replaced zoom-in monoculture in choreography — now offers 6 ambient motion options instead of always zooming. - Added scene pacing: build/breathe/resolve phases. Follow-up to the house style PR (#59, merged). These fixes came from visual review of 20+ eval compositions. ## Test plan - [ ] Generate a composition with a sparse prompt and verify no SVG illustrations of real objects - [ ] Verify elements don't overlap in generated compositions - [ ] Verify ambient motion varies (not always zoom-in) 🤖 Generated with [Claude Code](https://claude.com/claude-code)
1 parent e1c1c6f commit 238962a

1 file changed

Lines changed: 15 additions & 13 deletions

File tree

‎skills/compose-video/house-style.md‎

Lines changed: 15 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -94,19 +94,21 @@ Beyond choosing a typeface:
9494

9595
Things the LLM reaches for that look generic. Do the opposite.
9696

97-
| Default | Instead |
98-
| --------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
99-
| Inter / Roboto / system font | Pick a typeface with character — commit to it |
100-
| `#f5f5f5` / `#333` / mid-gray | Go high contrast. Near-black or near-white, not the middle |
101-
| Blue accent `#3b82f6` | No blue unless the user asks for blue |
102-
| Everything centered, equal weight | One focal point per frame. Lead the eye somewhere |
103-
| Uniform spacing | Tight clusters and open gaps. Vary deliberately |
104-
| Same entrance on every element | Never repeat an entrance pattern in a composition |
105-
| 1s duration on everything | 0.3–0.6s. Shorter than you think |
106-
| `power2.out` on everything | Vary eases — no more than 2 independent tweens with the same ease (staggers are exempt) |
107-
| Always dark background | Match the content: food, weddings, kids, wellness, education → light palette |
108-
| Inventing colors per-element | Declare palette up front. Every element references it |
109-
| Content in cards/containers | Place content directly on the canvas — separate with space and alignment, not box boundaries. Cards are a web pattern. Exception: dashboards, lower thirds, captions over footage |
97+
| Default | Instead |
98+
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
99+
| Inter / Roboto / system font | Pick a typeface with character — commit to it |
100+
| `#f5f5f5` / `#333` / mid-gray | Go high contrast. Near-black or near-white, not the middle |
101+
| Blue accent `#3b82f6` | No blue unless the user asks for blue |
102+
| Everything centered, equal weight | One focal point per frame. Lead the eye somewhere |
103+
| Uniform spacing | Tight clusters and open gaps. Vary deliberately |
104+
| Same entrance on every element | Never repeat an entrance pattern in a composition |
105+
| 1s duration on everything | 0.3–0.6s. Shorter than you think |
106+
| `power2.out` on everything | Vary eases — no more than 2 independent tweens with the same ease (staggers are exempt) |
107+
| Always dark background | Match the content: food, weddings, kids, wellness, education → light palette |
108+
| Inventing colors per-element | Declare palette up front. Every element references it |
109+
| Content in cards/containers | Place content directly on the canvas — separate with space and alignment, not box boundaries. Cards are a web pattern. Exception: dashboards, lower thirds, captions over footage |
110+
| Hand-drawn SVG illustrations | Don't attempt to draw real-world objects (faces, buildings, food, animals) with SVG paths — they look crude. Use geometric shapes, lines, and abstract forms only. If the composition needs imagery, use text and typography to evoke it instead |
111+
| Overlapping elements | Every element needs its own clear space. Check that positioned elements don't collide — stagger positions vertically with enough margin. Overlapping text is always ugly |
110112

111113
## Palettes
112114

0 commit comments

Comments
 (0)