К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

theme-factory · nexu-io — скилл тем для Claude Code: шрифты и цвета

Скилл с 10 готовыми темами для оформления артефактов: слайды, документы, отчёты, HTML-лендинги. Подойдёт, когда нужно быстро придать материалам профессиональный вид.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add nexu-io/open-design --skill theme-factory -a claude-code
Открыть на GitHub

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

theme-factory применяет готовые шрифтовые и цветовые темы к артефактам: слайдам, документам, отчётам и HTML-страницам. Внутри 10 предустановленных тем, поэтому подбирать сочетания вручную не нужно.

Скилл приходит из репозитория Anthropic, категория design-systems. Он работает как часть системы проектирования: агент обнаруживает его на этапе планирования и применяет тему к текущему артефакту. Запускается по имени theme-factory или по триггерным фразам из frontmatter: «theme factory», «apply theme», «design theme».

Для полного рабочего процесса с исходными ассетами, скриптами и ссылками стоит установить upstream-бандл в каталог скиллов активного агента. Путь к upstream указан в README репозитория Anthropic. Если ограничиться только каталогом OpenDesign, агент увидит скилл, но без оригинальных файлов темы могут не сработать как задумано.

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

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

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

  • примени тему theme-factory к этим слайдам
  • оформи отчёт с помощью скилла theme-factory
  • какие темы есть в theme-factory, покажи варианты для лендинга

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

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill theme-factory -a claude-code

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

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

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

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

Весь набор →
ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок frontend-design nexu-io Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. Claude Code CX Codex Cursor +1 4 800установок threejs nexu-io Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. Claude Code CX Codex Cursor +1 3 400установок creative-director nexu-io Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций. Claude Code CX Codex Cursor +1 3 400установок design-brief nexu-io Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок apple-hig nexu-io Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов. Claude Code CX Codex Cursor +1 3 200установок hatch-pet nexu-io Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу. Claude Code CX Codex Cursor +1 3 100установок design-md nexu-io Создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. Пригодится, когда агенту нужен единый документ по дизайн-системе. Claude Code CX Codex Cursor +1 3 100установок

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

Похожие

event-store-design Seth Hobson Скилл помогает спроектировать хранилище событий для event-sourced системы и выбрать подходящую технологию. Пригодится, когда вы строите инфраструктуру хранения событий. Claude Code CX Codex Cursor 10 800установок answer-me-with-html QingYunA Скилл превращает сложный ответ в одностраничное HTML-объяснение. Пригодится, когда нужно показать схему, сравнение или ход разбора. Claude Code CX Codex Cursor +1 5 200установок antislop miqdadbadjuber Фильтрует шаблонные решения ИИ при работе с интерфейсами и кодом. Нужен, когда агент должен следовать заданным правилам оформления и текста. Claude Code CX Codex Cursor +1 7 300установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок grill-me Matt Pocock Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки. Claude Code 1 424 476установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок grilling Matt Pocock Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы. Claude Code 979 543установок

Вопросы о theme-factory

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

Выполните npx skills add nexu-io/open-design --skill theme-factory -a claude-code. Скилл попадёт в ~/.claude/skills/theme-factory/SKILL.md.

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

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

Нужен ли upstream-репозиторий для работы скилла?

Каталог OpenDesign лишь рекламирует скилл, чтобы агент нашёл его при планировании. Для полного рабочего процесса с оригинальными ассетами и скриптами стоит установить upstream-бандл в каталог скиллов агента.

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

SKILL.md · Apache-2.0
---
name: theme-factory
description: |
  Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.
triggers:
  - "theme factory"
  - "apply theme"
  - "design theme"
  - "theme generator"
  - "preset theme"
od:
  mode: design-system
  category: design-systems
  upstream: "https://github.com/anthropics/skills/tree/main/skills/theme-factory"
---

# theme-factory

> Curated from Anthropic's official skills repository.

## What it does

Apply professional font and color themes to artifacts including slides, docs, reports, and HTML landing pages. Ships 10 pre-set themes.

## Source

- Upstream: https://github.com/anthropics/skills/tree/main/skills/theme-factory
- Category: `design-systems`

## How to use

This catalogue entry advertises the skill in OpenDesign so the agent
discovers it during planning. To run the full upstream workflow with
its original assets, scripts, and references, install the upstream
bundle into your active agent's skills directory:

```bash
# Inspect the upstream README for exact paths
open https://github.com/anthropics/skills/tree/main/skills/theme-factory
```

Then ask the agent to invoke this skill by name (`theme-factory`) or with
one of the trigger phrases listed in this skill's frontmatter.

© nexu-io · Apache-2.0 · nexu-io/open-design

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

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

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