Навык Claude Code рефакторит React-компоненты по принципу «Не заставляй меня думать»
Новый навык, созданный сообществом для Claude Code, применяет принципы юзабилити Стива Круга из книги Don't Make Me Think к React-компонентам. Навык автоматически определяет вашу дизайн-систему (shadcn/ui, MUI, Chakra, Mantine, Ant или кастомную) и использует существующие примитивы вместо их изобретения заново.
Что он делает
Навык берет React-компонент и рефакторит его для удобства использования:
- Удаляет «пустую болтовню» и инструкционные абзацы
- Делает основной CTA очевидным
- Исправляет тупиковые состояния загрузки / пустоты / ошибки
- Уточняет подписи (например, «Пожалуйста, введите ваше имя» → «Имя»)
- Улучшает визуальную иерархию и удобство сканирования
Автор создал его, потому что Claude (и большинство LLM) склонны генерировать интерфейсы, которые технически работоспособны, но загромождены, многословны и неудобны для восприятия. Этот навык требует сокращать, пока не останется только суть.
Установка
npx skills add gashiartim/ux-enhancerНе зависит от фреймворка
Навык автоматически определяет вашу дизайн-систему — shadcn/ui, MUI, Chakra, Mantine, Ant или кастомную — и использует ваши существующие компоненты, а не создает новые.
Репозиторий и обратная связь
Исходный код доступен на github.com/gashiartim/ux-enhancer. Автор приветствует отзывы и пул-реквесты, а также интересуется, срабатывает ли навык надежно или нужно доработать описание.
📖 Read the full source: r/ClaudeAI
👀 Смотрите также
Создание голосового агента с задержкой менее 500 мс: архитектура и анализ производительности
Разработчик создал голосового агента с нуля, достигнув сквозной задержки около 400 мс с полной потоковой обработкой STT → LLM → TTS. Ключевые идеи включают рассмотрение голоса как проблемы очередности реплик, использование семантического определения конца реплики и размещение всех компонентов в одном месте для минимальной задержки.
Настольное приложение Nexus автоматизирует настройку MCP для управления кампаниями TTRPG
Надоело вручную редактировать конфиг Claude Desktop для каждого MCP? Nexus устанавливает и настраивает Archivist, Foundry VTT, Notion, Obsidian и NotebookLM для управления TTRPG-кампаниями.
Примечание: Markdown-инструмент для аннотирования в рабочих процессах работы с кодом Claude
Remark — это нативное приложение для macOS, которое позволяет разработчикам добавлять аннотации в файлы Markdown прямо в тексте для рабочих процессов проверки кода в Claude Code. Оно экспортирует аннотации в формате JSON для агента и интегрируется через навык, установленный в директории .claude/skills/.
Vibeyard добавляет функцию P2P-обмена сессиями для Claude Code.
Vibeyard, открытая IDE для Claude Code, теперь поддерживает одноранговый обмен сессиями. Пользователи могут делиться живыми сессиями терминала с коллегами через зашифрованные WebRTC-соединения с режимами доступа только для чтения или чтения-записи.