Ditto Brand
- Updated June 11, 2026
- beavrtech/ditto-internal-plugin-marketplace
ditto-brand is a Claude Code skill in the Design & UI/UX category. Ditto brand toolkit: the full design system plus on-brand UI design, deck design, brand-guideline copywriting, and resource writing.
Key points
- ditto-brand
- Design & UI/UX
- AI-coding skill
Ditto Brand by the numbers
- Data as of Jul 7, 2026 (Skillselion catalog sync)
/plugin marketplace add beavrtech/ditto-internal-plugin-marketplace/plugin install ditto-brand@ditto-internalAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Last updated | June 11, 2026 |
|---|---|
| Repository | beavrtech/ditto-internal-plugin-marketplace ↗ |
What it does
Ditto brand toolkit: the full design system plus on-brand UI design, deck design, brand-guideline copywriting, and resource writing.
README.md
Ditto Brand
Ditto's brand toolkit for Claude. Bundles the full Ditto design system and keeps interfaces, decks, copy, and resource content on-brand.
Skills
| Skill | Triggers on | Status |
|---|---|---|
ditto-design |
"build a Ditto landing page", "mock an on-brand dashboard", "design something that looks like Ditto" | ✅ Ready |
deck-designer |
"make a Ditto deck", "design slides", "build a pitch deck on-brand", "fix this slide to match our brand" | ✅ Ready |
brand-copywriting |
"make this sound like Ditto", "write a LinkedIn post", "draft a hero or headline", "review this against our brand voice" | ✅ Ready |
resource-writer |
"write a Ditto blog post", "draft a CSR news digest", "turn this title into a publish-ready article", "write our guide teaser" | ✅ Ready |
Setup
- ditto-design bundles the complete design system inside the skill — brand guide, color/type tokens, self-hosted fonts (Hedvig Letters Serif + Inter), assets (logo, illustrations, shapes, brand icons), the marketing-site UI kit, and the HTML slide templates. Use it for building on-brand web UI, prototypes, or production code. Nothing to attach.
- deck-designer reads exact type sizes, colors, spacing, and slide layouts directly from the bundled templates in
ditto-design/slides/(slide-system.cssis the source of truth) — nothing to attach. Provide your own image assets where relevant, or pull fromditto-design/assets/. Decks are built as native, editable Canva objects. - brand-copywriting is self-contained: the brand voice, vocabulary, mechanics, and LinkedIn playbook live in the skill. Real top-performing posts can be used later to sharpen the social register.
- resource-writer works from an article title (plus optional bucket, author, and key points). Give it real stats and internal links where you have them; it flags anything unverified with placeholders rather than inventing.
Contributing
Add a new skill under skills/<skill-name>/SKILL.md. Keep the SKILL.md body under
~3,000 words and put long reference material in a references/ subfolder. Then list
it in the table above.
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.716k165k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.498k29.6k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst389k16k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k476
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.301k69.4k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.290k112k