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.
インストール方法を見るインストールする前に、エージェントに与えられる指示の中身を確認できます。
Apply CraftedWell's warm, artisanal brand to documents and presentations.
Colors:
#3D2314#5A2C10#8B4A24#C07F43, Soft Gold #D4A45A#FDF8F3, White #FFFFFF#E5D5C5Typography:
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.
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.
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 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 |
Use brand colors in order: Chocolate, Cocoa, Caramel, Soft Gold, Dark Chocolate. For positive/negative: Forest (#5A7A4A) / Terracotta (#B85C38).
| 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 |
まだレビューはありません。使ってみた感想をお寄せください。
概要と使いどころ
Provides Typer templates, handles registration, and ensures consistency. ALWAYS use this skill when adding or modifying CLI commands. Use when user requests to add/create/implement/build/write a new command (e.g., "add edit command", "create search feature") OR update/modify/change/edit an existing command.
日本語の概要は準備中です。原文の説明を表示しています。
Analyze weekly marketing campaign performance data across channels. Use when analyzing multi-channel digital marketing data to calculate funnel metrics (CTR, CVR) and compare to benchmarks, compute cost and revenue efficiency metrics (ROAS, CPA, Net Profit), or get budget reallocation recommendations based on performance rules.
日本語の概要は準備中です。原文の説明を表示しています。
Comprehensive diagnostic analysis of time series data. Use when users provide CSV time series data and want to understand its characteristics before forecasting - stationarity, seasonality, trend, forecastability, and transform recommendations.
日本語の概要は準備中です。原文の説明を表示しています。
Generate pytest tests for Typer CLI commands. Includes fixtures (temp_storage, sample_data), CliRunner patterns, confirmation handling (y/n/--force), and edge case coverage. Use when user asks to "write tests for", "test my CLI", "add test coverage", or any CLI + test request.
日本語の概要は準備中です。原文の説明を表示しています。
Generate educational practice questions from lecture notes to test student understanding. Use when users request practice questions, exam preparation materials, study guides, or assessment items based on lecture content.
日本語の概要は準備中です。原文の説明を表示しています。
Create learning paths for programming tools, and define what information should be researched to create learning guides. Use when user asks to learn, understand, or get started with any programming tool, library, or framework.
日本語の概要は準備中です。原文の説明を表示しています。