Интерактивный веб-сайт моделирует структуру проекта кода Claude
Разработчик создал интерактивный веб-сайт, который симулирует структуру проекта Claude Code, чтобы помочь пользователям понять, как различные компоненты взаимодействуют друг с другом. Сайт exploreclaudecode.com решает проблему навигации по обширным настройкам Claude Code.
Обзор проекта
Веб-сайт представляет симулированный проект Claude Code, который пользователи могут исследовать прямо в браузере. Согласно источнику, разработчик создал весь проект с помощью самого Claude Code, создав мета-опыт, в котором он писал контент, объясняющий функции Claude Code, в то время как Claude Code строил веб-сайт, отображающий этот контент.
Ключевые особенности
- Интерактивное дерево файлов: Боковая панель отображает реальное дерево файлов, включая .claude/settings.json, каталог CLAUDE, навыки, агентов, хуки и другие компоненты
- Объяснения файлов: Нажатие на любой файл предоставляет объяснения того, что делает эта функция, как её настроить и когда её действительно использовать
- Панель терминала: Включает терминал, где пользователи могут попробовать слэш-команды
- Полное покрытие: Симуляция охватывает каталоги .claude/, файлы настроек, навыки, хуки, агентов, плагины и конфигурации MCP
Процесс разработки
Разработчик отметил, что Claude Code обработал реализацию, включая проводник файлов, рендерер markdown и панель терминала, в то время как он направлял, что строить и что должен говорить контент. Этот подход позволил ему создать инструмент, одновременно изучая систему.
Практическое применение
Веб-сайт служит практическим учебным пособием для разработчиков, которые считают, что документация Claude Code объясняет отдельные части, но не показывает, как они сочетаются друг с другом. Разработчик описал опыт изучения Claude Code как похожий на получение «коробки деталей IKEA без изображения готовой полки».
Такой тип интерактивного учебного пособия особенно полезен для сложных сред разработки, где файлы конфигурации и структуры каталогов могут быть изначально ошеломляющими для навигации.
📖 Read the full source: r/ClaudeAI
👀 Смотрите также
Демо Claude Fable: неустанное проактивное исправление ошибок с помощью автоматизации браузера
Саймон Уиллисон описывает, как Claude Fable 5 автоматически отладил проблему с горизонтальной полосой прокрутки без инструкций. Он использовал автоматизацию браузера, инъекцию JavaScript и собственный CORS-веб-сервер.
Корбелл: Открытый CLI для кросс-репозиторного анализа архитектуры и проектной документации
Corbell — это бесплатный инструмент с открытым исходным кодом для командной строки, который сканирует несколько репозиториев, строит граф архитектуры и генерирует проектно-техническую документацию локально. Он работает полностью офлайн с Ollama или поддерживает различных провайдеров LLM, и никогда не отправляет код за пределы вашей машины.
Mindwalk: Воспроизведение сессий Claude Code/Codex в виде световых следов на 3D карте кода
Mindwalk воспроизводит сессии агентов кодинга на 3D-карте вашей кодовой базы. Один Go-бинар локально парсит логи Claude Code и Codex. Наблюдайте, как файлы светятся при поиске/чтении/редактировании — нетронутые остаются темными.
Обзор локальных Markdown-серверов памяти для ИИ-агентов: Mem0, Hindsight, Zep и новичок Engram
Пользователь протестировал ~20 локальных систем памяти агентов для хранения воспоминаний в виде редактируемых файлов. Engram (от Obsidian68) оказался единственным, кто соответствовал всем требованиям: полностью локальный, хранение в Markdown, умное удаление дубликатов, устаревание важности и автономный сервер.