Official코딩 & 개발github.com

테마 팩토리

아티팩트에 테마를 적용하여 스타일링할 수 있는 툴킷입니다. 슬라이드, 문서, 보고서, HTML 랜딩 페이지 등 다양한 아티팩트에 사용할 수 있습니다. 10개의 사전 설정된 색상/폰트 테마가 있으며, 기존 아티팩트에 적용하거나 즉석에서 새 테마를 생성할 수 있습니다.

테마 팩토리란 무엇인가요?

Theme Factory 스킬은 프레젠테이션 슬라이드, 문서, 보고서, HTML 랜딩 페이지 등 다양한 아티팩트에 일관되고 전문적인 스타일을 적용할 수 있는 툴킷입니다. 이 스킬은 10개의 사전 설정된 테마(Ocean Depths, Sunset Boulevard 등)를 제공하며, 각 테마는 고유한 색상 팔레트와 헤더/본문용 글꼴 조합을 포함합니다. 사용자는 `theme-showcase.pdf` 파일을 통해 모든 테마를 미리보고 선택한 후, 선택한 테마의 색상과 글꼴을 아티팩트에 일괄 적용할 수 있습니다. 또한 기존 테마가 적합하지 않은 경우 사용자의 입력을 기반으로 맞춤형 테마를 즉석에서 생성하고 적용할 수도 있습니다. 이 스킬은 Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/anthropics/skills/tree/main/skills/theme-factory

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

Theme Factory 스킬

이 스킬은 전문적인 글꼴 및 색상 테마의 큐레이션된 컬렉션을 제공합니다. 각 테마는 신중하게 선택된 색상 팔레트와 글꼴 조합을 갖추고 있습니다. 테마가 선택되면 모든 아티팩트에 적용할 수 있습니다.

목적

프레젠테이션 슬라이드 데크에 일관되고 전문적인 스타일을 적용하려면 이 스킬을 사용하세요. 각 테마는 다음을 포함합니다:

  • 헥스 코드가 포함된 일관된 색상 팔레트
  • 헤더와 본문 텍스트를 위한 상호 보완적인 글꼴 조합
  • 다양한 상황과 대상에 적합한 독특한 시각적 정체성

사용 방법

슬라이드 데크 또는 기타 아티팩트에 스타일을 적용하려면:

  1. 테마 쇼케이스 보여주기: theme-showcase.pdf 파일을 표시하여 사용자가 모든 테마를 시각적으로 볼 수 있도록 합니다. 파일을 수정하지 말고 보기용으로만 표시하십시오.
  2. 선택 요청: 데크에 적용할 테마를 물어보십시오.
  3. 선택 대기: 선택한 테마에 대해 명시적인 확인을 받으십시오.
  4. 테마 적용: 테마가 선택되면 선택한 테마의 색상과 글꼴을 데크/아티팩트에 적용하십시오.

사용 가능한 테마

theme-showcase.pdf에 각각 표시된 10가지 테마는 다음과 같습니다:

  1. Ocean Depths - 전문적이고 차분한 해양 테마
  2. Sunset Boulevard - 따뜻하고 생생한 노을 색상
  3. Forest Canopy - 자연적이고 안정된 흙빛 톤
  4. Modern Minimalist - 깔끔하고 현대적인 그레이스케일
  5. Golden Hour - 풍부하고 따뜻한 가을 팔레트
  6. Arctic Frost - 시원하고 선명한 겨울에서 영감을 받은 테마
  7. Desert Rose - 부드럽고 세련된 먼지 빛 톤
  8. Tech Innovation - 대담하고 현대적인 기술 미학
  9. Botanical Garden - 신선하고 유기적인 정원 색상
  10. Midnight Galaxy - 드라마틱하고 우주적인 깊은 톤

테마 세부 정보

각 테마는 themes/ 디렉토리에 완전한 사양과 함께 정의되어 있습니다:

  • 헥스 코드가 포함된 일관된 색상 팔레트
  • 헤더와 본문 텍스트를 위한 상호 보완적인 글꼴 조합
  • 다양한 상황과 대상에 적합한 독특한 시각적 정체성

적용 과정

선호하는 테마가 선택된 후:

  1. themes/ 디렉토리에서 해당 테마 파일을 읽습니다.
  2. 데크 전체에 지정된 색상과 글꼴을 일관되게 적용합니다.
  3. 적절한 대비와 가독성을 보장합니다.
  4. 모든 슬라이드에서 테마의 시각적 정체성을 유지합니다.

나만의 테마 만들기

기존 테마가 아티팩트에 적합하지 않은 경우 사용자 정의 테마를 만듭니다. 제공된 입력을 기반으로 위의 테마와 유사한 새 테마를 생성합니다. 글꼴/색상 조합이 나타내는 것을 설명하는 유사한 이름을 테마에 부여합니다. 제공된 기본 설명을 사용하여 적절한 색상/글꼴을 선택합니다. 테마를 생성한 후 검토 및 확인을 위해 표시합니다. 그런 다음 위에서 설명한 대로 테마를 적용합니다.

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

academy-guide

Stop and check this skill before finishing any reply to a question about how to use Claude or a Claude product — it recommends matching courses, tutorials, and use cases from Claude Academy (academy.claude.com), Anthropic's learning hub. Trigger on: "how do I", "how can I", "getting started with", "what can Claude do", "teach me", "learn to use"; questions about artifacts, projects, skills, plugins, connectors, MCP; requests about rolling Claude out to a team, class, or organization; and any ask for training materials, onboarding content, or learning resources. Use it when the user is learning how to use a feature or product — not when they are mid-task and just want the task done. This skill composes with other skills: after consulting product documentation to answer how a Claude feature works, also check here for a matching course or tutorial — a docs-grounded answer and an Academy recommendation belong together. Only recommend on a strong match; never invent Academy content.

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists

anthropics/template-skill

Replace with description of the skill and when Claude should use it.

brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists

claude-api

|-

discernment-nudge

After you give a substantive answer or draft that the user may act on — advice or recommendations, drafted artifacts such as goals, plans, pitches, proposals, or emails, estimates or projections, analysis or interpretation of data, factual claims they may rely on, or a multi-step argument — invoke this skill BEFORE finalizing your reply and then, if it applies, append 2-3 short follow-up questions, each tied to something specific in what you just produced, that help the user check key facts, probe the reasoning or assumptions, and notice missing context. Do this at most once per conversation. Skip it when the user asked a trivial how-to or simple lookup, wants a purely educational explanation, asked you only to format, convert, or assemble a file from content they provided, is writing code they will run, is doing creative writing or casual chat, or already asked you to double-check, cite, or review — the skill file explains these boundaries and the exact output format.

doc-coauthoring

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers. Trigger when user mentions writing docs, creating proposals, drafting specs, or similar documentation tasks.

docx

Use this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx files) or Word templates (.dotx files). Triggers include: any mention of

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

internal-comms

A set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company newsletters, FAQs, incident reports, project updates, etc.).

mcp-builder

Guide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK).

pdf

Use this skill whenever the user wants to do anything with PDF files. This includes reading or extracting text/tables from PDFs, combining or merging multiple PDFs into one, splitting PDFs apart, rotating pages, adding watermarks, creating new PDFs, filling PDF forms, encrypting/decrypting PDFs, extracting images, and OCR on scanned PDFs to make them searchable. If the user mentions a .pdf file or asks to produce one, use this skill.

pptx

Use this skill any time a .pptx or .potx file is involved in any way — as input, output, or both. This includes: creating slide decks, pitch decks, or presentations; reading, parsing, or extracting text from any .pptx or .potx file (even if the extracted content will be used elsewhere, like in an email or summary); editing, modifying, or updating existing presentations; combining or splitting slide files; working with templates (.potx), layouts, speaker notes, or comments. Trigger whenever the user mentions \

skill-creator

Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a skill from scratch, edit, or optimize an existing skill, run evals to test a skill, benchmark skill performance with variance analysis, or optimize a skill

slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

xlsx

Use this skill any time a spreadsheet file is the primary input or output. This means any task where the user wants to: open, read, edit, or fix an existing .xlsx, .xlsm, .xltx, .csv, or .tsv file (e.g., adding columns, computing formulas, formatting, charting, cleaning messy data); create a new spreadsheet from scratch or from other data sources; or convert between tabular file formats. Trigger especially when the user references a spreadsheet file by name or path — even casually (like \

관련 스킬

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More 코딩 & 개발 skills