Installed? Try saying
Use Moss Color Kit with this material:
How it helps
- Clarify the message and use authorized material.
- Create the editable output in the selected visual system.
- Open the result, inspect mobile sizes and deliver the files.
Output notes
OutputLocal sample
Delivered format1
- An SVG palette, color values and contrast notes.
Scope & limitations
- Illustrative local sample, not a customer result.
- Use your own AI; model or image costs are separate.
- No automatic publishing. HTML animation is not an exported video.
Test record2026-10-12
Two briefs in clean projects with only this Skill installed: an English ceramics studio, and a harder Chinese juice bar whose owner wants pale yellow #FFF176 text on white (1.16:1). Every contrast number in the deliverables was recomputed. One run per tool per brief.
| Tool | Version | Result |
|---|---|---|
| Codex | 0.154.0 | Read the Skill both times; five roles, editable SVG and CSS, all contrast numbers correct. Kept the owner's yellow as primary and moved text to dark green (12.21:1). Could not open the preview in a browser and said so. |
| Claude Code | Desktop app session | Read the Skill both times; all contrast numbers correct. Kept the yellow for large blocks, explained why it is not used for text, and offered yellow on dark green (9.01:1). Checked at 390 px and fixed two layout issues. |
Files & updatesv1.0
Skill instructions, a pasteable prompt and the visual system.
Copy the install prompt again to get updates.
- v1.0 · 2026-10-09
- First local version with original sample.
Community feedback
No public reviews yet. Made something with this Skill?
Share your experience ↗






