К основному содержанию
скилл Claude Code Claude.ai официальный · Anthropic

theme-factory · anthropics — скилл для Claude Code: темы и установка

Применяет готовые цветовые палитры и пары шрифтов к слайдам, документам и HTML-страницам. Подходит, когда материалу нужен единый стиль.

Установить в Claude Code · Через маркетплейс плагинов Все способы и платформы ↓
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills
Открыть на GitHub

Что делает theme-factory

theme-factory предлагает 10 готовых тем: Ocean Depths, Sunset Boulevard, Forest Canopy, Modern Minimalist и другие. В каждой есть палитра с hex-кодами, шрифты для заголовков и основного текста, а также свой визуальный характер.

Скилл сначала показывает theme-showcase.pdf, затем ждёт явного выбора темы. После подтверждения он читает нужный файл из themes/ и применяет цвета и шрифты к слайдам или другому артефакту, сохраняя контраст и читаемость.

Если готовая подборка не подходит, можно попросить новую тему по описанию. Её покажут на проверку перед применением. Ставить стоит командам, которые регулярно оформляют презентации и документы; для разовой мелкой правки стиля это избыточно.

Какие задачи решает

  • оформить слайды в единой палитре
  • подобрать шрифты для заголовков и текста
  • показать набор тем перед выбором
  • применить стиль к HTML-странице
  • создать тему по текстовому описанию

Примеры запросов агенту

  • «Покажи доступные темы для этой презентации.»
  • «Примени Ocean Depths к deck.pptx.»
  • «Создай тему для HTML-лендинга: спокойные холодные цвета и читаемый шрифт.»

Как установить theme-factory

1Через маркетплейс плагинов

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

Команда ставит плагин example-skills целиком, со всеми его скиллами

2Через Skills CLI (Vercel)

npx skills add anthropics/skills --skill theme-factory -a claude-code

3Вручную: положить файлы

~/.claude/skills/theme-factory/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/theme-factory/

Из того же набора24

Весь набор →
frontend-design Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок skill-creator Помогает создать новый скилл, доработать существующий и проверить результат через тестовые промпты и оценки. Claude Code Claude.ai 414 180установок pptx Скилл помогает создавать, читать и редактировать файлы .pptx и шаблоны .potx. Пригодится, когда нужно собрать презентацию или извлечь из неё текст. Claude Code Claude.ai 241 433установок pdf Скилл читает, создаёт и меняет PDF-файлы, включая формы и сканы. Подойдёт, когда агенту нужно работать с PDF в проекте. Claude Code Claude.ai 216 041установок docx Скилл создаёт, читает и редактирует документы Word и шаблоны. Подойдёт для отчётов, писем и файлов с таблицами, стилями и нумерацией страниц. Claude Code Claude.ai 206 304установок xlsx Работает с табличными файлами: создаёт, читает, правит и преобразует книги. Подходит, когда итогом должен стать файл Excel или другой табличный формат. Claude Code Claude.ai 187 223установок webapp-testing Скилл запускает проверки локальных веб-приложений через Playwright: помогает отлаживать UI, делать скриншоты и смотреть логи браузера. Claude Code Claude.ai 186 758установок mcp-builder Скилл проводит через создание MCP-сервера на TypeScript или Python: от изучения протокола до тестов и оценки качества. Claude Code Claude.ai 130 949установок

Другие версии theme-factory

Похожие

tailwind-theme-builder jezweb Скилл настраивает тему Tailwind v4 с shadcn/ui и тёмным режимом: ставит зависимости, связывает CSS-переменные через @theme inline, подключает переключатель темы. Claude Code CX Codex Cursor +1 3 200установок preline-theme-generator htmlstreamofficial Генерирует CSS-темы для Preline UI из цветов бренда или настроения. Работает через локальные скрипты — не требует сети после установки. Claude Code CX Codex Cursor +1 1 300установок wordpress-theme-to-emdash emdash-cms Переносит дизайн и поведение шаблонов темы WordPress на сайт Astro с бэкендом EmDash. Пригодится при миграции темы и сопоставлении вёрстки. Claude Code CX Codex Cursor +1 691установок codex-theme-switcher codexthemes Переключает темы оформления Codex из локальной библиотеки ~/.codexthemes одной командой и показывает, какая тема сейчас активна. Claude Code CX Codex Cursor +1 1 700установок codex-theme-creator codexthemes Скилл собирает тему для десктопного приложения Codex по словесному брифу или референсу: рисует, проверяет в живом приложении и упаковывает в .codex-theme. Claude Code CX Codex Cursor +1 1 300установок liquid-theme-standards benjaminsehl Скилл задаёт правила вёрстки и клиентских скриптов для тем Shopify. Помогает писать предсказуемый код в файлах .liquid и ресурсах ассетов. Claude Code CX Codex Cursor +1 2 900установок shadcn shadcn-ui Скилл ведёт агента по работе с shadcn/ui: добавляет компоненты, ищет в реестрах, чинит верстку и собирает дизайн-систему по вашему описанию. Claude Code CX Codex Cursor +1 123 300установок

Вопросы о theme-factory

Как установить theme-factory в Claude Code?

Добавьте скилл командой npx skills add anthropics/skills --skill theme-factory -a claude-code. Также он доступен через marketplace плагинов Claude Code.

Что делает theme-factory?

Скилл применяет к артефактам готовые палитры и сочетания шрифтов. Он работает со слайдами, документами, отчётами и HTML-страницами.

Можно ли создать свою тему в theme-factory?

Да. Опишите желаемый стиль, а скилл сформирует новую тему с названием, цветами и шрифтами, затем покажет её для проверки.

Исходный текст

SKILL.md · Apache-2.0
---
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.
license: Complete terms in LICENSE.txt
---


# Theme Factory Skill

This skill provides a curated collection of professional font and color themes themes, each with carefully selected color palettes and font pairings. Once a theme is chosen, it can be applied to any artifact.

## Purpose

To apply consistent, professional styling to presentation slide decks, use this skill. Each theme includes:
- A cohesive color palette with hex codes
- Complementary font pairings for headers and body text
- A distinct visual identity suitable for different contexts and audiences

## Usage Instructions

To apply styling to a slide deck or other artifact:

1. **Show the theme showcase**: Display the `theme-showcase.pdf` file to allow users to see all available themes visually. Do not make any modifications to it; simply show the file for viewing.
2. **Ask for their choice**: Ask which theme to apply to the deck
3. **Wait for selection**: Get explicit confirmation about the chosen theme
4. **Apply the theme**: Once a theme has been chosen, apply the selected theme's colors and fonts to the deck/artifact

## Themes Available

The following 10 themes are available, each showcased in `theme-showcase.pdf`:

1. **Ocean Depths** - Professional and calming maritime theme
2. **Sunset Boulevard** - Warm and vibrant sunset colors
3. **Forest Canopy** - Natural and grounded earth tones
4. **Modern Minimalist** - Clean and contemporary grayscale
5. **Golden Hour** - Rich and warm autumnal palette
6. **Arctic Frost** - Cool and crisp winter-inspired theme
7. **Desert Rose** - Soft and sophisticated dusty tones
8. **Tech Innovation** - Bold and modern tech aesthetic
9. **Botanical Garden** - Fresh and organic garden colors
10. **Midnight Galaxy** - Dramatic and cosmic deep tones

## Theme Details

Each theme is defined in the `themes/` directory with complete specifications including:
- Cohesive color palette with hex codes
- Complementary font pairings for headers and body text
- Distinct visual identity suitable for different contexts and audiences

## Application Process

After a preferred theme is selected:
1. Read the corresponding theme file from the `themes/` directory
2. Apply the specified colors and fonts consistently throughout the deck
3. Ensure proper contrast and readability
4. Maintain the theme's visual identity across all slides

## Create your Own Theme
To handle cases where none of the existing themes work for an artifact, create a custom theme. Based on provided inputs, generate a new theme similar to the ones above. Give the theme a similar name describing what the font/color combinations represent. Use any basic description provided to choose appropriate colors/fonts. After generating the theme, show it for review and verification. Following that, apply the theme as described above.

© anthropics · Apache-2.0 · anthropics/skills

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой