К основному содержанию
плагин

css-development — плагин для Claude Code

Настраивает работу Claude с CSS: композиция классов Tailwind, осмысленные имена и тёмная тема по умолчанию. Пригодится, когда стили в проекте разрастаются и их надо держать в порядке.

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

Что делает css-development

Плагин накладывает на CSS-разработку три правила: классы Tailwind собираются по кускам, а не пишутся одной длинной строкой, имена получают смысл, а тёмная тема идёт базовым вариантом. Дальше агент придерживается этих правил, когда пишет или правит стили.

Внутри только описание воркфлоу из маркетплейса claude-community. Ставится штатно через маркетплейс, отдельной настройки не требует. Если проект на чистом CSS без Tailwind, композиция классов вам ничего не даст: правила заточены под утилитарный подход.

Тёмная тема по умолчанию значит, что светлый вариант придётся прописывать явно. Для нового проекта это нормально, для существующего с готовым светлым оформлением — повод сначала проглядеть, что именно поменяется в стилях.

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

  • собрать классы Tailwind без длинных нечитаемых строк
  • дать CSS-классам понятные имена вместо случайных
  • сделать тёмную тему базовой, а не надстройкой
  • держать единый стиль CSS, когда над проектом работает агент

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

  • Сверстай карточку товара по правилам плагина: классы Tailwind через композицию, имена осмысленные, тёмная тема по умолчанию
  • Перепиши стили в styles.css: разбей длинные строки классов Tailwind на части и назови их понятно
  • Добавь в компонент светлую тему поверх тёмной по умолчанию

Как установить css-development

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

/plugin marketplace add anthropics/claude-plugins-community
/plugin install css-development@claude-community

По шагам, с командами для каждой платформы: Плагины Claude Code: маркетплейсы, установка и как собрать свой

Вопросы о css-development

Как установить css-development в Claude Code?

Две команды по порядку: сначала /plugin marketplace add anthropics/claude-plugins-community, затем /plugin install css-development@claude-community.

Что делает css-development?

Задаёт агенту воркфлоу для CSS: композиция классов Tailwind, семантические имена и тёмная тема по умолчанию.

Подойдёт ли плагин проекту без Tailwind?

Композиция классов Tailwind — одна из трёх основ плагина, и без утилитарных классов она не работает. На чистом CSS останутся только правила про имена и тему.

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

css-development · MIT
<!-- ABOUTME: README for the 2389 Research Claude Code plugin marketplace -->
<!-- ABOUTME: Public-facing documentation with install instructions and plugin catalog -->

# 2389 Research Claude Code Plugin Marketplace

28 plugins and MCP servers for Claude Code — parallel exploration, iterative refinement, binary reverse engineering, structured decision-making, and more.

Built by the team at [2389](https://2389.ai). These are the tools we use every day.

**Browse the marketplace:** https://skills.2389.ai

## Quick Start

Install any plugin in **any agent** (Claude Code, Cursor, Codex, …) with [vercel-labs/skills](https://github.com/vercel-labs/skills):

```bash
npx skills add 2389-research/simmer
```

Or natively in Claude Code:

```bash
# Add the marketplace, then install any plugin
/plugin marketplace add 2389-research/claude-plugins
/plugin install simmer@2389-research
```

> The 4 MCP servers (journal, socialmedia, slack-mcp, agent-drugs) install via Claude Code only — they ship no skills for npx.

## Available Plugins

### Meta Plugins

| Plugin | Description |
|--------|-------------|
| [botboard-biz](https://github.com/2389-research/botboard-biz) | Social media and journaling capabilities for AI agents |
| [better-dev](https://github.com/2389-research/better-dev) | CSS, Firebase, code quality, testing, parallel exploration, docs verification, codegen |
| [sysadmin](https://github.com/2389-research/sysadmin) | Structured Linux maintenance and diagnostics |

### Development

| Plugin | Description |
|--------|-------------|
| [css-development](https://github.com/2389-research/css-development) | CSS workflows with Tailwind, semantic naming, dark mode by default |
| [firebase-development](https://github.com/2389-research/firebase-development) | Firebase project workflows: setup, features, debugging, validation |
| [landing-page-design](https://github.com/2389-research/landing-page-design) | High-converting landing pages with anti-AI-slop principles |
| [xtool](https://github.com/2389-research/xtool) | Xcode-free iOS development with xtool via SwiftPM |
| [building-multiagent-systems](https://github.com/2389-research/building-multiagent-systems) | Architecture patterns for multi-agent systems |
| [speed-run](https://github.com/2389-research/speed-run) | Token-efficient code generation with hosted LLM (Cerebras) |
| [thrifty](https://github.com/2389-research/thrifty) | Tiered-delegation execution: Sonnet plans a spec into sprints, cheap Haiku executes + self-verifies; ~64% cheaper than Opus |
| [binary-re](https://github.com/2389-research/binary-re) | Agentic binary reverse engineering for ELF binaries |

### Testing and Quality

| Plugin | Description |
|--------|-------------|
| [test-kitchen](https://github.com/2389-research/test-kitchen) | Parallel exploration of implementation approaches |
| [simmer](https://github.com/2389-research/simmer) | Iterative artifact refinement with investigation-first judges |
| [scenario-testing](https://github.com/2389-research/scenario-testing) | End-to-end testing with real dependencies, no mocks |
| [fresh-eyes-review](https://github.com/2389-research/fresh-eyes-review) | Final sanity check before commits/PRs |
| [documentation-audit](https://github.com/2389-research/documentation-audit) | Verify documentation against codebase reality |
| [review-squad](https://github.com/2389-research/review-squad) | Dispatch panels of specialized subagents for project review |
| [prbuddy](https://github.com/2389-research/prbuddy) | PR health assistant: CI monitoring, review triage, fixes |
| [git-repo-prep](https://github.com/2389-research/git-repo-prep) | Prepare codebases for public/open-source release |

### Business and Strategy

| Plugin | Description |
|--------|-------------|
| [ceo-personal-os](https://github.com/2389-research/ceo-personal-os) | Personal operating system for executives |
| [worldview-synthesis](https://github.com/2389-research/worldview-synthesis) | Systematic worldview articulation |
| [deliberation](https://github.com/2389-research/deliberation) | Decision-making through deliberation and discernment |
| [summarize-meetings](https://github.com/2389-research/summarize-meetings) | Batch-process meeting transcripts into structured summaries |

### Utilities

| Plugin | Description |
|--------|-------------|
| [terminal-title](https://github.com/2389-research/terminal-title) | Auto-update terminal title with emoji + project + topic |
| [remote-system-maintenance](https://github.com/2389-research/remote-system-maintenance) | Linux system diagnostics and maintenance via SSH/tmux |

### MCP Servers

| Server | Description |
|--------|-------------|
| [agent-drugs](https://github.com/2389-research/agent-drugs) | Digital drugs that modify AI behavior through prompt injection |
| [socialmedia](https://github.com/2389-research/mcp-socialmedia) | Social media functionality for AI agents |
| [journal](https://github.com/2389-research/journal-mcp) | Private journaling capability for Claude |
| [slack-mcp](https://github.com/2389-research/slack-mcp) | Slack workspace integration MCP server |

## Adding a Plugin

1. Create a GitHub repo under `2389-research/` with standard plugin structure
2. Add an entry to `.claude-plugin/marketplace.json`
3. Run `npm run generate` to update the marketplace site
4. Commit and push

See [CLAUDE.md](CLAUDE.md) for the full marketplace.json format and detailed instructions.

## Like this?

If these plugins save you time, a ⭐ helps us know what's landing. We build what people use.

## Contact

**Email:** [[email protected]](mailto:[email protected]) — we'd love to hear what you're building with these.

## License

MIT

© 2389-research · MIT · 2389-research/claude-plugins

Похожие плагины

Все плагины по теме «Фронтенд и UI» →
impeccable pbakaus Даёт агенту словарь дизайнера: 24 команды вроде polish, audit и bolder, чтобы правки интерфейса не сводились к «сделай красиво». ★ 89 321звёзд репо hyperframes HeyGen Собирает MP4-видео из вёрстки на HTML и CSS прямо через диалог с агентом. Пригодится для создания субтитров и анимированных роликов. ★ 73 168звёзд репо typescript-lsp официальный Anthropic Подключает языковой сервер для TypeScript и JavaScript к Claude Code. Помогает переходить к определениям, искать ссылки и проверять ошибки прямо при редактировании кода. ★ 44 770звёзд репо playground официальный Anthropic Собирает одностраничный HTML с ползунками, живым превью и готовым промптом, который можно скопировать обратно в Claude. ★ 44 770звёзд репо frontend-design официальный Anthropic Скилл для Claude, который ведёт фронтенд-работу к выразительной типографике, палитре и анимации вместо типовых ИИ-макетов. ★ 44 770звёзд репо fakechat официальный anthropics Локальный веб-чат для проверки уведомлений канала Claude Code. Сообщения идут в сессию, ответы возвращаются в браузер. ★ 44 770звёзд репо

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

sysadmin Плагин помогает проводить структурированное обслуживание и диагностику Linux-систем через Claude Code. ★ 97звёзд репо scenario-testing Проводит сквозное тестирование на реальных зависимостях без моков. Помогает проверить сценарии на настоящих данных. ★ 97звёзд репо remote-system-maintenance Даёт структурированные процедуры для диагностики серверов на Linux через SSH и tmux, а также чек-листы очистки систем Ubuntu и Debian. ★ 97звёзд репо fresh-eyes-review Обязательная финальная вычитка перед коммитом или PR: ищет дыры в безопасности, ошибки логики и баги, которые проскочили тесты. ★ 97звёзд репо firebase-development Плагин для Claude, который ведёт проект на Firebase: настройка, работа с фичами, отладка и проверка. Пригодится, когда агент должен разбираться в конфигурации Firebase, а не угадывать. ★ 97звёзд репо building-multiagent-systems Плагин разбирает архитектурные паттерны мультиагентных систем: оркестраторы, субагенты и координацию инструментов. ★ 97звёзд репо botboard-biz Подключает возможности социальной сети и ведения журнала botboard.biz для ИИ-агентов в Claude Code. ★ 97звёзд репо better-dev Набор для Claude про повседневную разработку: работа с CSS, Firebase, проверка качества кода, тесты, параллельное исследование кода и документации. ★ 97звёзд репо

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

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