·html-style
</>

html-style

Примените самоуверенный стиль к простому HTML. Используйте, когда у пользователя есть простой/нестилизованный HTML-код и он хочет применить единообразный визуальный стиль. Триггеры: стиль этого HTML, применение стиля, придание ему хорошего вида, стиль /html или когда пользователь делится HTML, для которого требуется CSS. Преобразует таблицы, списки, индикаторы состояния, кнопки и макеты в единую систему дизайна.

74Установки·1Тренд·@shipshitdev

Установка

$npx skills add https://github.com/shipshitdev/library --skill html-style

Как установить html-style

Быстро установите AI-навык html-style в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/shipshitdev/library --skill html-style
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: shipshitdev/library.

Transform barebones HTML into styled output using a specific design system.

| Status text | .stale .warm .pending | Red/green/orange inline text | | Trend | .trend-up .trend-down | Green ↑ / Red ↓ | | Category tag | .tag-group .tag-dm .tag-money | Blue/purple/orange pill | | Status pill | .status-success .status-error .status-pending | Filled green/red/orange | | Filter toggle | .filter .filter.active | Outline / filled black |

| Time filter | .pill .pill.active | Small pill, black when active | | Stat box | .stat > .stat-value + .stat-label | 28px number, 12px label | | Table | default or .table-styled | Minimal or colored values | | Section header | .section-header | Dark bar with white text | | Collapsible | + | Native HTML collapse |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/shipshitdev/library --skill html-style
Источник
shipshitdev/library
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from shipshitdev/library

Короткие ответы

Что такое html-style?

Примените самоуверенный стиль к простому HTML. Используйте, когда у пользователя есть простой/нестилизованный HTML-код и он хочет применить единообразный визуальный стиль. Триггеры: стиль этого HTML, применение стиля, придание ему хорошего вида, стиль /html или когда пользователь делится HTML, для которого требуется CSS. Преобразует таблицы, списки, индикаторы состояния, кнопки и макеты в единую систему дизайна. Источник: shipshitdev/library.

Как установить html-style?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/shipshitdev/library --skill html-style После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/shipshitdev/library

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01