83.3K+다운로드
사용 가이드로 건너뛰기
theme-factory작성자 Anthropic

Theme Factory 스킬.

브랜드 및 디자인 시스템 작업을 위한 Claude Code와 Codex 스킬: 페이지, 슬라이드, 문서에 색상 및 타이포그래피 테마를 적용하거나 생성합니다.

  • Brand & Design Systems
OpenDesign 다운로드사용 가이드 보기
anthropics/skills · skills/theme-factory/SKILL.mdSKILL.md
--- name: theme-factory description: Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly. --- ## Purpose ## Usage Instructions ## Themes Available ## Theme Details ## Application Process ## Create your Own Theme
2026-09-14에 업스트림 파일에서 읽은 전문 및 섹션 제목 · 전체 3,124자

01 기능

Claude Code와 Codex에서 theme-factory 스킬이 하는 일

요약, 워크플로, 산출물을 모두 해당 스킬의 SKILL.md에서 그대로 읽어 정리한 내용입니다.

SKILL.md에서2026-09-14 읽음 · 실행 기록 아님

스킬 자체의 표현으로

Theme Factory는 헤더와 본문 텍스트에 어울리는 폰트 조합과 통일된 색상 팔레트(hex 코드)를 갖춘 10가지 사전 설정된 전문 테마를 제공하며, 이를 프레젠테이션 슬라이드 덱, 문서, 보고서, HTML 랜딩 페이지에 적용할 수 있습니다. 사용자는 먼저 theme-showcase.pdf를 보고 모든 옵션을 시각적으로 확인한 다음 원하는 테마를 선택하며, 그러면 스킬이 해당 산출물 전체에 색상과 폰트를 일관되게 적용합니다.

기존 테마 중 적합한 것이 없을 경우, 스킬은 사용자 입력을 기반으로 즉석에서 맞춤 테마를 생성하고 검토를 위해 보여준 후 적용할 수 있습니다. 각 테마는 themes/ 디렉터리에 정의되어 있으며, 상황과 대상에 맞는 고유한 시각적 아이덴티티를 지니고 있습니다.

산출물

  • 선택한 테마의 색상과 폰트가 전체에 일관되게 적용된 스타일링된 산출물
  • 기존 10가지 테마가 사용자의 요구에 맞지 않을 때의 맞춤 테마 정의
예시 프롬프트 보기 ↗

작동 방식

  1. 01
    테마 쇼케이스 표시

    이 스킬은 theme-showcase.pdf 파일을 수정하지 않고 보여줌으로써 사용자가 사용 가능한 모든 테마를 시각적으로 확인할 수 있게 합니다.

  2. 02
    명시적인 테마 선택 대기

    이 스킬은 어떤 테마를 적용할지 묻고, 진행하기 전에 선택한 테마에 대한 명시적 확인을 기다립니다.

  3. 03
    테마 정의 읽기

    선택 후, 이 스킬은 themes/ 디렉터리에서 해당 테마 파일을 읽어 전체 색상 및 폰트 사양을 가져옵니다.

  4. 04
    색상과 폰트를 일관되게 적용

    이 스킬은 지정된 색상과 폰트를 산출물 전체에 적용하여 적절한 대비, 가독성, 시각적 아이덴티티를 보장합니다.

02 적합성 확인

theme-factory 스킬을 사용해야 하는 경우

이러한 종류의 브랜드 및 디자인 시스템 작업일 때 Claude Code 또는 Codex에서 theme-factory 스킬을 사용합니다. 적합성과 제한 사항은 스킬 자체 파일에서 가져옵니다.

적합한 경우

  • 프레젠테이션 슬라이드 덱에 일관된 전문 스타일링 적용
  • 통일된 색상 및 폰트 테마로 문서, 보고서, HTML 랜딩 페이지 스타일링
  • 상황과 대상에 맞는 고유한 시각적 아이덴티티가 필요한 경우

    제공할 사항

    • 스타일링할 산출물테마 스타일링을 적용해야 하는 기존 슬라이드 덱, 문서, 보고서 또는 HTML 페이지입니다.
    • 맞춤 테마 설명(선택 사항)맞춤 테마의 경우, 생성을 안내할 원하는 색상이나 폰트에 대한 기본 설명입니다.

    03 스킬 내부

    theme-factory 스킬이 Claude Code와 Codex에 부여하는 규칙

    SKILL.md가 에이전트에 설정하는 5가지 구체적 지침, 기본값, 한계 — 결과를 바꾸는 파일의 부분입니다.

    1. Showcase PDF는 절대 수정하지 않습니다

      theme-showcase.pdf는 보기 전용으로만 표시되어야 하며, 어떠한 수정도 가해서는 안 됩니다.

    2. 항상 명시적인 선택을 기다립니다

      스킬은 테마를 적용하기 전에 선택된 테마에 대해 명시적인 확인을 받아야 합니다.

    3. themes/ 디렉터리에서 테마를 읽어옵니다

      테마 정의는 10개 테마 각각에 대한 전체 사양을 포함하는 themes/ 디렉터리에서 읽어와야 합니다.

    4. 모든 슬라이드에서 시각적 아이덴티티를 유지합니다

      테마를 적용할 때 스킬은 산출물의 모든 슬라이드에서 해당 테마의 시각적 아이덴티티를 일관되게 유지해야 합니다.

    5. 필요할 경우 커스텀 테마를 생성합니다

      기존 10개 테마 중 어느 것도 적합하지 않은 경우, 스킬은 기존 테마와 유사한 설명적인 이름을 가진 새로운 커스텀 테마를 생성하고, 검토를 위해 표시한 다음 적용해야 합니다.

    04 활용하기

    Claude Code 또는 Codex에 theme-factory 설치

    npx skills add 명령 한 번 실행 후, 에이전트에서 첫 번째 작업을 수행하고 결과 체크리스트를 확인합니다.

    Claude Code, Codex 또는 사용 중인 에이전트에 theme-factory 추가

    프로젝트에서 실행합니다. 설치 프로그램이 어떤 에이전트에 추가할지 묻습니다.

    Terminal
    npx skills add https://github.com/anthropics/skills --skill theme-factory

    skills/theme-factory/SKILL.md에 대한 일반적인 skills CLI 형식이며, 리포지토리는 자체 경로를 문서화할 수 있습니다.

    스킬에 첫 브랜드 및 design-system 작업 과제를 제공합니다

    스킬 자체의 용어로 작성되었습니다. 대괄호 부분은 각자의 자료로 교체합니다.

    Starter prompt
    I have a presentation deck about our Q4 product roadmap for enterprise clients. Show me the available themes, then apply Ocean Depths to all slides—I want the professional and calming maritime look for this audience.

    출처: 스킬 자체의 용어로 SKILL.md에서 작성했습니다.

    첫 번째 결과 확인

    SKILL.md 자체가 올바른 결과의 모습으로 제시하는 내용:

    • 테마 적용 후 적절한 대비와 가독성이 유지되는지 확인합니다
    • 커스텀 테마의 경우, 적용 전에 검토를 위해 테마가 표시되었는지 확인합니다

    OpenDesign에서는 theme-factory가 기본 제공됩니다: Plugins → Skills에서 상단 바에서 선택하세요.

    OpenDesign 다운로드빠른 시작 가이드 읽기

    05 오픈 소스, 추적 가능

    출처, 라이선스 및 검증

    이 페이지의 사실이 어디에서 왔으며 언제 마지막으로 확인되었는지 안내합니다.

    Author
    Anthropic
    Repository
    github.com/anthropics/skills 브랜치 main
    스킬 파일
    skills/theme-factory/SKILL.md 검증 시 기록된 콘텐츠 체크섬; 커밋 34040c9
    License
    Apache-2.0 skills/theme-factory/LICENSE.txt에서 가져옴; SKILL.md는 "완전한 조건은 LICENSE.txt에 있음"이라고 명시합니다.
    리포지토리 스타
    176,183 이 카탈로그에 7개의 스킬이 포함된 전체 anthropics/skills 저장소에 대해 2026-09-14에 촬영한 GitHub 스냅샷입니다. theme-factory에 대한 평가 또는 사용 횟수가 아닙니다.
    OpenDesign에서 검증됨
    2026-09-14 소스 파일, 경로, 라이선스 텍스트 및 별 개수가 확인되었습니다. OpenDesign 메인에 번들로 포함됨(2026-08-28 확인됨); 이 페이지에 실시간 실행이 기록되지 않았습니다.

    SKILL.md 내부

    1. 목적이 스킬이 색상 및 폰트 테마를 이용해 슬라이드 덱에 일관된 전문적인 스타일링을 적용한다는 것을 설명합니다
    2. 사용 지침4단계 프로세스: showcase PDF 표시, 선택 요청, 선택 대기, 테마 적용
    3. 사용 가능한 테마10개의 사전 설정 테마를 이름별로 나열하고 각각의 시각적 특징을 한 줄로 설명합니다
    4. 테마 세부사항themes/ 디렉터리의 각 테마에는 색상 팔레트, 폰트 조합, 시각적 아이덴티티가 포함된다는 점을 명시합니다
    5. 적용 프로세스테마 파일을 읽고 적절한 대비를 유지하며 색상과 폰트를 적용하는 워크플로를 정의합니다
    6. 나만의 테마 만들기기존 테마가 맞지 않을 때 커스텀 테마를 생성하는 방법과 적용 전 검토 절차에 대한 안내입니다
    스킬 자체 설명
    "테마로 산출물을 스타일링하기 위한 툴킷입니다. 이러한 산출물은 슬라이드, 문서, 리포트, HTML 랜딩 페이지 등이 될 수 있습니다. 생성된 모든 산출물에 적용할 수 있는 색상/폰트가 포함된 10개의 사전 설정 테마가 있으며, 즉석에서 새로운 테마를 생성할 수도 있습니다."

    SKILL.md의 머리말 설명입니다. 전체 파일은 약 3,124자입니다. GitHub에서 전체 파일 읽기.

    06 설치하기 전에

    theme-factory 스킬에 대한 질문

    이 답변은 2026-09-14 기준으로 확인한 SKILL.md 내용을 근거로 하며, 실행 기록을 바탕으로 한 것이 아닙니다.

    사용 가능한 테마는 몇 개이며 어디에서 볼 수 있나요?

    10개의 사전 설정 테마가 제공되며, 각각은 theme-showcase.pdf 파일에서 확인할 수 있습니다. 스킬은 선택하기 전에 모든 옵션을 시각적으로 볼 수 있도록 이 PDF를 표시합니다.

    Theme Factory

    실제 브랜드 및 디자인 시스템 작업에서 theme-factory 실행

    theme-factory 스킬은 OpenDesign에 내장되어 있습니다. 앱을 다운로드하고 Plugins → Skills에서 스킬을 선택한 후 위 프롬프트를 붙여넣고 결과를 확인하기 전에 계획을 읽어보십시오.

    OpenDesign 다운로드모든 스킬 보기
    터미널
    npx skills add https://github.com/anthropics/skills --skill theme-factory