跳到正文
cccskills
免费在 GitHub 公开

craftedwell-brand

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.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(5)

  • SKILL.md5.1 KB
  • assets/logo-horizontal.png83.2 KB
  • assets/logo-primary.png97.0 KB
  • assets/logo-reversed.png72.8 KB
  • references/brand-guide.md4.6 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

CraftedWell 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 TypeBackgroundKey Styling
TitleWhiteCentered title (Georgia Bold 44pt), horizontal logo at bottom
SectionDark Chocolate (#3D2314)White text, centered
ContentWhite8px Chocolate accent bar left, title top-left
QuoteCreamLarge Caramel quote mark, italic Georgia text
ClosingDark 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)

PartStyle
HeaderChocolate (#5A2C10) background, white bold Arial text
BodyAlternating White / Cream (#FDF8F3) rows
Borders1pt #E5D5C5, horizontal only
AlignmentText left, numbers right

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

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.

中文简介正在准备中。当前显示原文说明。

https-deeplearning-ai/sc-agent-skills-files14152026年6月9日 更新

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.

中文简介正在准备中。当前显示原文说明。

https-deeplearning-ai/sc-agent-skills-files14152026年6月9日 更新

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.

中文简介正在准备中。当前显示原文说明。

https-deeplearning-ai/sc-agent-skills-files14152026年6月9日 更新

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.

中文简介正在准备中。当前显示原文说明。

https-deeplearning-ai/sc-agent-skills-files14152026年6月9日 更新

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.

中文简介正在准备中。当前显示原文说明。

https-deeplearning-ai/sc-agent-skills-files14152026年6月9日 更新

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.

中文简介正在准备中。当前显示原文说明。

https-deeplearning-ai/sc-agent-skills-files14152026年6月9日 更新

查看 https-deeplearning-ai 的全部技能

报告此技能的问题