remotion-brand-codify

To convert brand research into typed Remotion assets, provide a BrandResearch dossier under the .research directory and instruct the agent to codify the specific brand slug. The Skill transforms the dossier into typed BrandConfig TypeScript runtime code and spec-conformant design tokens.

Yes, Remotion brand codification enforces WCAG-AA contrast and font licensing rules. The process generates or repairs color families to meet contrast needs and validates font compliance before producing the final design tokens.

The best way to maintain consistent typography and motion is codifying brand assets into a typed BrandConfig file. This separates runtime behavior from visual design tokens, filling missing motion via a motion-language step to ensure compositions share a unified voice without manual duplication.

You cannot use a partial dossier to generate design tokens. The Skill validates BrandConfig completeness against the schema, blocks output when required fields are missing, and defers to research to fill gaps before proceeding with token generation.

Design linting works by running automated checks against the generated BrandConfig and design tokens during codification. It enforces accessibility standards, validates schema completeness, and ensures compliance with the token boundary contract before regenerating the final human-readable brand projection.

Brand codification outputs separate files to apply the token boundary contract, creating two sources of truth: typed runtime behavior in a TypeScript file and visual tokens in a design markdown file. This separation ensures deterministic generation of a 9-section human-readable projection requiring human review.