Craftedwell Brand Agent Skill
CraftedWell brand guidelines for presentations and documents. Use this skill whenever creating or styling documents (docx, pdf) or presentations (pptx) for CraftedWell. Apply warm, artisanal aesthetic with chocolate/caramel color palette, Georgia headings, and Arial body text.
Install
one command, takes just this skill from the repositorynpx skills add https://github.com/https-deeplearning-ai/sc-agent-skills-files --skill craftedwell-brandThe instruction itself
7 sections, as written by the authorCraftedWell Brand Guidelines
Apply CraftedWell's warm, artisanal brand to documents and presentations.
Quick Reference
Colors:
- Primary text: Dark Chocolate
#3D2314 - Headings: Chocolate
#5A2C10 - Secondary: Cocoa
#8B4A24 - Highlights: Caramel
#C07F43, Soft Gold#D4A45A - Backgrounds: Cream
#FDF8F3, White#FFFFFF - Borders:
#E5D5C5
Typography:
- Headings: Georgia Bold
- Body: Arial
Logos: See assets/ — use logo-primary.png on light backgrounds, logo-reversed.png on Dark Chocolate backgrounds only.
For complete specifications, read references/brand-guide.md.
Document Creation (docx)
Use with the docx skill. Apply these styles:
// CraftedWell document styles for docx-js
const BRAND = {
colors: {
darkChocolate: "3D2314",
chocolate: "5A2C10",
cocoa: "8B4A24",
caramel: "C07F43",
cream: "FDF8F3",
border: "E5D5C5"
}
};
// Heading styles
paragraphStyles: [
{ id: "Heading1", name: "Heading 1", basedOn: "Normal", next: "Normal", quickFormat: true,
run: { size: 36, bold: true, font: "Georgia", color: BRAND.colors.chocolate },
paragraph: { spacing: { before: 240, after: 120 }, outlineLevel: 0 } },
{ id: "Heading2", name: "Heading 2", basedOn: "Normal", next: "Normal", quickFormat: true,
run: { size: 28, bold: true, font: "Georgia", color: BRAND.colors.cocoa },
paragraph: { spacing: { before: 200, after: 100 }, outlineLevel: 1 } },
{ id: "Heading3", name: "Heading 3", basedOn: "Normal", next: "Normal", quickFormat: true,
run: { size: 24, bold: true, font: "Arial", color: BRAND.colors.darkChocolate },
paragraph: { spacing: { before: 160, after: 80 }, outlineLevel: 2 } }
]
// Default body style
default: { document: { run: { font: "Arial", size: 22, color: BRAND.colors.darkChocolate } } }
// Table header
shading: { fill: BRAND.colors.chocolate, type: ShadingType.CLEAR }
// with white text: color: "FFFFFF"
// Table body rows: alternate White and Cream
shading: { fill: BRAND.colors.cream, type: ShadingType.CLEAR }
Page setup: Letter size (12240 × 15840 DXA), 1" margins (1440 DXA), 1.15 line spacing.
Presentation Creation (pptx)
Use with the pptx skill and html2pptx workflow. Apply these CSS variables:
/* CraftedWell brand variables for html2pptx */
:root {
/* Primary palette */
--dark-chocolate: #3D2314;
--chocolate: #5A2C10;
--cocoa: #8B4A24;
--caramel: #C07F43;
--soft-gold: #D4A45A;
--cream: #FDF8F3;
--border: #E5D5C5;
/* Semantic */
--forest: #5A7A4A;
--terracotta: #B85C38;
--slate: #6B6B6B;
/* Typography */
--font-display: Georgia, serif;
--font-body: Arial, sans-serif;
/* Text colors */
--text-primary: var(--dark-chocolate);
--text-heading: var(--chocolate);
--text-secondary: var(--cocoa);
/* Backgrounds */
--bg-primary: #FFFFFF;
--bg-secondary: var(--cream);
--bg-dark: var(--dark-chocolate);
}
/* Base styles */
body { font-family: var(--font-body); color: var(--text-primary); background: var(--bg-primary); }
h1, h2, h3 { font-family: var(--font-display); color: var(--text-heading); font-weight: bold; }
/* Slide titles: 32-44pt Georgia Bold in Chocolate */
.slide-title { font-size: 36px; font-family: var(--font-display); color: var(--chocolate); font-weight: bold; }
/* Section divider: Dark Chocolate background, white text */
.section-divider { background: var(--bg-dark); color: white; }
/* Accent bar: 8px Chocolate bar on left of content slides */
.accent-bar { width: 8px; background: var(--chocolate); }
/* Cards: Cream background, 6-8px rounded corners */
.card { background: var(--cream); border-radius: 6px; }
/* Quote slides: Cream background, Caramel quote mark */
.quote-mark { color: var(--caramel); font-size: 72px; font-family: var(--font-display); }
.quote-text { font-family: var(--font-display); font-style: italic; color: var(--text-primary); }
Slide Layout Guidance
| Slide Type | Background | Key Styling |
|------------|------------|-------------|
| Title | White | Centered title (Georgia Bold 44pt), horizontal logo at bottom |
| Section | Dark Chocolate (#3D2314) | White text, centered |
| Content | White | 8px Chocolate accent bar left, title top-left |
| Quote | Cream | Large Caramel quote mark, italic Georgia text |
| Closing | Dark Chocolate | "Thank You" white, reversed logo |
Charts
Use brand colors in order: Chocolate, Cocoa, Caramel, Soft Gold, Dark Chocolate.
For positive/negative: Forest (#5A7A4A) / Terracotta (#B85C38).
Tables (All Formats)
| Part | Style |
|------|-------|
| Header | Chocolate (#5A2C10) background, white bold Arial text |
| Body | Alternating White / Cream (#FDF8F3) rows |
| Borders | 1pt #E5D5C5, horizontal only |
| Alignment | Text left, numbers right |
Other skills for the same job
different authors, same section of the catalogue
Low-level plotting library for full customization. Use when you need fine-grained control over every plot element, creating novel plot types, or integrating with specific scientific workflows. Export to PNG/PDF/SVG for publication. For quick statistical plots use seaborn; for interactive plots use plotly; for publication-ready multi-panel figures with journal styling, use scientific-visualization.
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
> This skill orchestrates autonomous discovery of brand materials across enterprise platforms (Notion, Confluence, Google Drive, Box, SharePoint, Figma, Gong, Granola, Slack). It should be used when the user asks to "discover brand materials", "find brand documents", "search for brand guidelines", "audit brand content", "what brand materials do we have", "find our style guide", "where are our brand docs", "do we have a style guide", "discover brand voice", "brand content audit", or "find brand assets".
Low-level Python plotting for scientific figures: publication-quality line, scatter, bar, heatmap, contour, 3D; multi-panel layouts; fine control of every element. PNG/PDF/SVG export. Use seaborn for quick stats, plotly for interactive.
Formats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use when user asks to "format markdown", "beautify article", "add formatting", or improve article layout. Outputs to {filename}-formatted.md.
Enterprise-grade PowerPoint deck generation system using evidence-based prompting techniques, workflow enforcement, and constraint-based design. Use when creating professional presentations (board decks, reports, analyses) requiring consistent visual quality, accessibility compliance, and integration of complex data from multiple sources. Implements html2pptx workflow with spatial layout optimization, validation gates, and multi-chat architecture for 30+ slide decks.
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
Audit a python-pptx export against its source HTML deck, identify layout/content drift (footer overflow, cropped content, missing italic/em, lost styling, off-rhythm spacing), and re-export with strict footer-rail + cursor-flow layout discipline. Use this skill whenever the user has a .pptx that was generated from an HTML slide deck and asks to compare/audit/verify/fix the export — including phrases like "compare ppt with html", "fidelity audit", "fix the pptx", "ppt is cut off", "footer overlap", "italic missing in pptx", "re-export the deck", "pptx-html-fidelity-audit", or any case where a python-pptx → HTML round-trip needs verification or repair. Also trigger when the user shows you a deck.html and a deck.pptx side by side and is debugging visual differences.
How to use it
Take https-deeplearning-ai/craftedwell-brand from the repository into ~/.claude/skills for personal
use, or into .claude/skills inside a project.
The agent identifies a skill by the name field in its header. Two skills with the
same name cannot sit side by side — one of them will be ignored.