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

editorial-burgundy-principles-template — скилл для Claude Code

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

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

Что делает editorial-burgundy-principles-template

Скилл собирает редакционную презентацию из трёх слайдов: числовой заголовок, облако тегов с логотипом и сетка из восьми карточек принципов. Палитра — бордовый, пыльная роза и приглушённое золото. Навигация работает через кнопки Prev/Next, точки под слайдами и стрелки на клавиатуре. Шаблон лежит в assets/template.html; копирайт заменяешь, иерархию карточек и тегов сохраняешь. На выходе — самодостаточный HTML без внешних зависимостей, готовый к показу в браузере. Подходит для внутренних манифестов, стратегических историй и культурных деков студийного вида.

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

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

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

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

Как установить editorial-burgundy-principles-template

1Через Skills CLI (Vercel)

npx skills add nexu-io/open-design --skill editorial-burgundy-principles-template -a claude-code

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

~/.claude/skills/editorial-burgundy-principles-template/SKILL.md

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

Из того же набора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установок

Похожие

answer-me-with-html QingYunA Скилл превращает сложный ответ в одностраничное HTML-объяснение. Пригодится, когда нужно показать схему, сравнение или ход разбора. Claude Code CX Codex Cursor +1 5 200установок antislop miqdadbadjuber Фильтрует шаблонные решения ИИ при работе с интерфейсами и кодом. Нужен, когда агент должен следовать заданным правилам оформления и текста. Claude Code CX Codex Cursor +1 7 300установок gsap-framer-scroll-animation официальный Utkarsh Patrikar Скилл помогает создавать анимации, связанные со скроллом, через GSAP ScrollTrigger и Framer Motion. Подойдёт для React, Next.js и vanilla JS. GitHub Copilot 3 900установок design-motion-principles kylezantos Создаёт и проверяет анимации интерфейса с учётом контекста продукта и частоты действий. Нужен для переходов, состояний наведения и микровзаимодействий. Claude Code CX Codex Cursor +1 12 600установок argent-lens software-mansion Скилл для выбора визуальных вариантов интерфейса в нативном окне Argent Lens. Помогает сравнить несколько дизайнов кнопки или экрана на симуляторе. Claude Code CX Codex Cursor +1 22 400установок 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установок

Вопросы о editorial-burgundy-principles-template

Как установить editorial-burgundy-principles-template в Claude Code?

Запусти npx skills add nexu-io/open-design --skill editorial-burgundy-principles-template -a claude-code, затем открой ~/.claude/skills/editorial-burgundy-principles-template/SKILL.md.

Что делает editorial-burgundy-principles-template?

Создаёт трёхслайдовую HTML-презентацию с облаком тегов, числовым заголовком и сеткой из восьми карточек принципов в бордовой и розовой палитре.

Какие слайды входят в шаблон?

Три слайда: числовой заголовок, студийные теги с логотипом и восемь карточек принципов. Навигация — кнопками, точками или стрелками на клавиатуре.

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

SKILL.md · Apache-2.0
---
name: editorial-burgundy-principles-template
description: |
  Editorial studio deck template in burgundy / blush / muted-gold palette.
  Use when users ask for premium manifesto or culture slides with pill tags,
  large typographic statements, principle cards, and guided keyboard/click navigation.
triggers:
  - "editorial burgundy template"
  - "studio salon deck"
  - "principles manifesto slides"
  - "pink burgundy premium presentation"
  - "酒红粉金编辑风模板"
od:
  mode: template
  surface: video
  type: hyperframes
  platform: desktop
  preview:
    type: html
    entry: index.html
    reload: debounce-100
  outputs:
    primary: index.html
    secondary:
      - template.html
      - example.html
  example_prompt: "Create a premium editorial deck in burgundy and blush with a tag cloud slide and an eight-principles card grid."
  capabilities_required:
    - file_write
---

# Editorial Burgundy Principles Template

A three-slide editorial deck for culture narratives, strategy storytelling, and internal manifestos.

## Resource map

```text
editorial-burgundy-principles-template/
├── SKILL.md
├── assets/
│   └── template.html
├── references/
│   └── checklist.md
└── example.html
```

## Workflow

1. Start from `assets/template.html`.
2. Keep the 3-slide sequence:
   - numeric headline
   - studio tags + title lockup
   - eight-principles card grid
3. Replace copy while preserving card and tag hierarchy.
4. Keep interactions:
   - Prev / Next buttons
   - dot navigation
   - keyboard navigation (`ArrowLeft` / `ArrowRight`)
5. Keep HTML self-contained and sandbox-safe.

## Output contract

Emit one concise orientation sentence and one HTML artifact:

```xml
<artifact identifier="editorial-burgundy-principles" type="text/html" title="Editorial Burgundy Principles Deck">
<!doctype html>
<html>...</html>
</artifact>
```

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

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

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

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