К основному содержанию
скилл CX Codex

explaining-code — скилл для Claude Code: объясняет код схемами

Разбирает незнакомый код по шагам: аналогия из быта, ASCII-схема потока, потом построчный разбор. Пригодится, когда чужой проект надо понять быстро.

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

Что делает explaining-code

Скилл задаёт агенту жёсткую структуру ответа. Сначала идёт аналогия из повседневной жизни, потом ASCII-схема — поток, структура или связи между частями, — и только затем пошаговый разбор того, что происходит в коде. В конце агент называет типичную ошибку или заблуждение по этой теме.

Тон объяснений разговорный. Если концепция сложная, скилл разрешает дать несколько аналогий подряд, а не одну. Никаких скриптов и внешних инструментов внутри нет: это файл SKILL.md с инструкцией, поэтому работает одинаково в Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode.

Полезно, когда вы разбираете чужой репозиторий или готовите объяснение для коллеги. Но помните: схема рисуется символами ASCII, так что в узком окне терминала она поедет — это повод открыть ответ в широком редакторе.

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

  • разобраться в незнакомом репозитории без чтения всего кода подряд
  • объяснить коллеге, как устроен модуль
  • получить схему потока данных вместо простыни текста
  • найти типичную ошибку в подходе к коду
  • подготовить материал для разбора на созвоне

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

  • объясни, как работает этот модуль, со схемой и аналогией
  • разбери по шагам, что происходит в src/auth/session.ts
  • нарисуй ASCII-схему потока запроса в этом сервисе

Как установить explaining-code

1Через Skills CLI (Vercel)

npx skills add patricio0312rev/skills --skill explaining-code -a claude-code

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

~/.claude/skills/explaining-code/SKILL.md

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

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

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

bruno-collection-generator Скилл сканирует роуты Express, Next.js или Fastify и раскладывает их в коллекцию Bruno: по файлу .bru на запрос, с окружениями и авторизацией. CX Codex +1 603установок jsdoc-typescript-docs Скилл расставляет JSDoc-комментарии в TypeScript-коде и собирает из них документацию через TypeDoc. Пригодится, когда проект оброс функциями без описаний. CX Codex +1 547установок dockerfile-optimizer Скилл переписывает Dockerfile под многоэтапную сборку: меньше образ, быстрее сборка, кэш слоёв работает как надо. Пригодится, когда образ раздулся или сборка идёт по десять минут. CX Codex +1 530установок animation-micro-interaction-pack Набор готовых паттернов движения для интерфейса: ховеры, входы и выходы элементов, отклик на жесты. Пригодится, когда UI выглядит статично и хочется оживить его без ручного подбора таймингов. CX Codex +1 499установок conventional-commits Скилл пишет коммиты по спецификации Conventional Commits: тип, область, тело и футеры. Пригодится, когда нужен автоматический версионинг и changelog. CX Codex +1 469установок nginx-config-optimizer Скилл собирает конфиги Nginx: reverse proxy, балансировка, кэш, SSL и лимиты запросов. Пригодится, когда нужно поднять или переписать конфиг сервера. CX Codex +1 433установок codebase-summarizer Скилл сканирует репозиторий и собирает ARCHITECTURE.md: точки входа, связи модулей, диаграммы и подсказки, куда лезть за правкой. CX Codex +1 394установок redis-patterns Скилл для ИИ-агента, который помогает писать код на Redis: кэширование, сессии, лимиты запросов, pub/sub и распределённые блокировки. CX Codex +1 361установок

Похожие

firecrawl-knowledge-ingest firecrawl Скилл для сохранения сайтов документации, справочников и баз знаний в markdown или JSON. Работает с динамическим контентом, авторизацией и пагинацией — нужен API-ключ Firecrawl. CX Codex +1 31 400установок mintlify mintlify Настраивает, пишет и публикует документацию на Mintlify прямо из консоли. Помогает развернуть сайт из README.md, OpenAPI или перенести базу знаний с другой платформы. CX Codex +1 19 500установок reviewing-technical-prose riekelt Скилл для вычитки чужих технических текстов: находит запрещённые конструкции, слабые утверждения и структурные дефекты, а перед сдачей документа прогоняет чек-лист. CX Codex +1 18 200установок writing-runbooks riekelt Скилл для написания ранбуков, инструкций по установке и миграции, где читатель выполняет шаги под давлением времени. CX Codex +1 18 100установок tailwind-4-docs Lombiq Скилл подтягивает локальный снимок документации Tailwind CSS v4 и помогает агенту отвечать по утилитам, конфигу и миграции с v3. CX Codex +1 17 600установок vitepress Anthony Fu Скилл по VitePress: помогает агенту настраивать конфиг, тему и Markdown с Vue-компонентами при сборке сайта документации. CX Codex +1 11 800установок

Рядом в теме «Настройка агента: память, контекст, субагенты»

Все скиллы по теме «Настройка агента: память, контекст, субагенты» →

Вопросы о explaining-code

Как установить explaining-code в Claude?

Выполните npx skills add patricio0312rev/skills --skill explaining-code -a claude-code. Скилл появится в ~/.claude/skills/explaining-code/SKILL.md.

Что делает explaining-code?

Заставляет агента объяснять код по одной схеме: аналогия, ASCII-диаграмма, пошаговый разбор и типичная ошибка в конце.

Для каких платформ подходит скилл?

Claude, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для каждой платформы своя команда установки, файл скилла кладётся в её каталог.

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

SKILL.md · MIT
---
name: explaining-code
description: Explains code with visual diagrams and analogies. Use when explaining how code works, teaching about a codebase, or when the user asks "how does this work?"
---

When explaining code, always include:

1. **Start with an analogy**: Compare the code to something from everyday life
2. **Draw a diagram**: Use ASCII art to show the flow, structure, or relationships
3. **Walk through the code**: Explain step-by-step what happens
4. **Highlight a gotcha**: What's a common mistake or misconception?

Keep explanations conversational. For complex concepts, use multiple analogies.

© patricio0312rev · MIT · patricio0312rev/skills

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

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

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