Made by@slashcloneCreate brand guidelines for your product
@slashclone/brand-book
Create brand guidelines for your product: one shareable HTML brand book covering logo, colors, type, icons, share images, and voice. It follows your real design tokens in light and dark themes, and a checker confirms contrast in both themes, icon and image sizes, and banned copy such as em dashes. Writes only to brand/ and public/brand/.
- Activity
- New: be the first to try it
- Installs
- 0 installs
- Likes
- 0 likes
- Clones
- 0 clones
No permission changes between 0.1.0 and 0.1.1.
SKILL.md
1 added, 1 removed
| @@ line 1 → 1 | ||
| 1 | 1 | --- |
| 2 | 2 | name: brand-book |
| 3 | Removed: description: Build and maintain a product's brand kit as one self-contained HTML brand book plus the files people download (logo, wordmark, color tokens in light and dark, type, imagery rules, share images, favicon and app icons, voice and copy rules). Use when someone asks for a brand book, brand guidelines, a logo or icon set, share images, or wants the brand docs to match what the product ships. | |
| 3 | Added: description: "Build and maintain a product's brand guidelines as one self-contained HTML brand book plus the files people download: logo and wordmark with clear space and misuse, color tokens in light and dark, type, imagery rules, share images, favicon and app icons, and voice and copy rules. Checks contrast in both themes, asset sizes, and banned copy. Use when someone asks for a brand book, brand guidelines, a style guide, a press or media kit, a logo or icon set, favicon and app icons, social share images, or wants the brand docs to match what the product actually ships." | |
| 4 | 4 | --- |
| 5 | 5 | |
| 6 | 6 | # Brand book |
kit.json
46 added, 13 removed
| @@ line 1 → 1 | ||
| 1 | 1 | { |
| 2 | 2 | "name": "brand-book", |
| 3 | 3 | "owner": "slashclone", |
| 4 | Removed: "version": "0.1.0", | |
| 4 | Added: "version": "0.1.1", | |
| 5 | 5 | "type": "skill", |
| 6 | Removed: "description": "Build and keep up a full brand kit as one self-contained HTML brand book: logo and wordmark (sizes, clear space, misuse), color tokens in light and dark, type, imagery rules, share images, favicon and app icons, voice and copy rules, and a downloads chapter. Includes a template, an example spec, and a checker for contrast in both themes, asset sizes, and banned copy such as em dashes. Writes only to brand/ and public/brand/.", | |
| 6 | Added: "title": "Create brand guidelines for your product", | |
| 7 | Added: "description": "Create brand guidelines for your product: one shareable HTML brand book covering logo, colors, type, icons, share images, and voice. It follows your real design tokens in light and dark themes, and a checker confirms contrast in both themes, icon and image sizes, and banned copy such as em dashes. Writes only to brand/ and public/brand/.", | |
| 7 | 8 | "category": "content", |
| 8 | 9 | "license": "MIT", |
| 9 | Removed: "compat": ["claude-code"], | |
| 10 | Added: "compat": [ | |
| 11 | Added: "claude-code" | |
| 12 | Added: ], | |
| 10 | 13 | "permissions": { |
| 11 | Removed: "shell": ["node scripts/check-brand.mjs"], | |
| 14 | Added: "shell": [ | |
| 15 | Added: "node scripts/check-brand.mjs" | |
| 16 | Added: ], | |
| 12 | 17 | "files": { |
| 13 | Removed: "read": ["./brand/**", "./public/brand/**", "./data/**"], | |
| 14 | Removed: "write": ["./brand/**", "./public/brand/**"] | |
| 18 | Added: "read": [ | |
| 19 | Added: "./brand/**", | |
| 20 | Added: "./public/brand/**", | |
| 21 | Added: "./data/**" | |
| 22 | Added: ], | |
| 23 | Added: "write": [ | |
| 24 | Added: "./brand/**", | |
| 25 | Added: "./public/brand/**" | |
| 26 | Added: ] | |
| 15 | 27 | } |
| 16 | 28 | }, |
| 17 | 29 | "tests": { |
| @@ line 33 → 45 | ||
| 33 | 45 | "path": "out/check.json", |
| 34 | 46 | "schema": { |
| 35 | 47 | "type": "object", |
| 36 | Removed: "required": ["failing", "contrast", "assets", "copyChecked"], | |
| 48 | Added: "required": [ | |
| 49 | Added: "failing", | |
| 50 | Added: "contrast", | |
| 51 | Added: "assets", | |
| 52 | Added: "copyChecked" | |
| 53 | Added: ], | |
| 37 | 54 | "properties": { |
| 38 | Removed: "failing": { "const": 0 }, | |
| 39 | Removed: "copyChecked": { "const": 1 }, | |
| 40 | Removed: "contrast": { "type": "array", "minItems": 4, "maxItems": 4 } | |
| 55 | Added: "failing": { | |
| 56 | Added: "const": 0 | |
| 57 | Added: }, | |
| 58 | Added: "copyChecked": { | |
| 59 | Added: "const": 1 | |
| 60 | Added: }, | |
| 61 | Added: "contrast": { | |
| 62 | Added: "type": "array", | |
| 63 | Added: "minItems": 4, | |
| 64 | Added: "maxItems": 4 | |
| 65 | Added: } | |
| 41 | 66 | } |
| 42 | 67 | } |
| 43 | 68 | } |
| @@ line 47 → 72 | ||
| 47 | 72 | "name": "reports an em dash, a missing dark token, and a missing icon", |
| 48 | 73 | "inputs": { |
| 49 | 74 | "brand/brand.json": "{\"name\":\"Broken\",\"tokens\":{\"light\":{\"page\":\"#FFFFFF\",\"text\":\"#1B1D22\",\"accent\":\"#2D5BD3\"},\"dark\":{\"page\":\"#0F1115\",\"text\":\"#ECEEF2\"}},\"pairs\":[{\"fg\":\"text\",\"bg\":\"page\",\"min\":4.5}],\"assets\":[{\"path\":\"icons/icon-512.png\",\"width\":512,\"height\":512}],\"copy\":[\"voice.md\"]}", |
| 50 | Removed: "brand/voice.md": "One line \u2014 with a dash.\n" | |
| 75 | Added: "brand/voice.md": "One line — with a dash.\n" | |
| 51 | 76 | }, |
| 52 | 77 | "checks": [ |
| 53 | 78 | { |
| @@ line 59 → 84 | ||
| 59 | 84 | "path": "out/check.json", |
| 60 | 85 | "schema": { |
| 61 | 86 | "type": "object", |
| 62 | Removed: "properties": { "failing": { "const": 3 } } | |
| 87 | Added: "properties": { | |
| 88 | Added: "failing": { | |
| 89 | Added: "const": 3 | |
| 90 | Added: } | |
| 91 | Added: } | |
| 63 | 92 | } |
| 64 | 93 | }, |
| 65 | Removed: { "type": "file_contains", "path": "out/check.json", "text": "uses an em dash" } | |
| 94 | Added: { | |
| 95 | Added: "type": "file_contains", | |
| 96 | Added: "path": "out/check.json", | |
| 97 | Added: "text": "uses an em dash" | |
| 98 | Added: } | |
| 66 | 99 | ] |
| 67 | 100 | } |
| 68 | 101 | ] |