🎨 Превратите диаграммы Mermaid в красивые SVG и ASCII
Pretty-Mermaid Skills — это инструмент для рендеринга диаграмм Mermaid, поддерживающий SVG и ASCII. Он предлагает множество тем и высокую производительность, идеально подходит для интеграции с AI-инструментами.
🚀 Основные моменты:
- Поддержка нескольких форматов: SVG и ASCII
- 15 встроенных тем для разных сценариев
- Полная поддержка диаграмм: потоки, последовательности и др.
- Высокая производительность с параллельным рендерингом
- Готовые шаблоны и подробная документация
📌 GitHub: https://github.com/imxv/Pretty-mermaid-skills
#javascript
Pretty-Mermaid Skills — это инструмент для рендеринга диаграмм Mermaid, поддерживающий SVG и ASCII. Он предлагает множество тем и высокую производительность, идеально подходит для интеграции с AI-инструментами.
🚀 Основные моменты:
- Поддержка нескольких форматов: SVG и ASCII
- 15 встроенных тем для разных сценариев
- Полная поддержка диаграмм: потоки, последовательности и др.
- Высокая производительность с параллельным рендерингом
- Готовые шаблоны и подробная документация
📌 GitHub: https://github.com/imxv/Pretty-mermaid-skills
#javascript
⚡️ Cloudflare переписали альтернативу Next.js… за неделю.
Компания представила vinext - фреймворк, примерно на 94% совместимый с Next.js, но построенный на Vite и работающий напрямую в Cloudflare Workers.
Самое интересное - скорость разработки.
Проект был создан всего за одну неделю и разрабатывался вместе с AI.
Что это значит:
- крупные фреймворки теперь можно пересобирать заново очень быстро
- стоимость разработки таких проектов резко падает
- инфраструктурные и платформенные эксперименты становятся дешевыми
https://x.com/Cloudflare/status/2026415441149571095
Компания представила vinext - фреймворк, примерно на 94% совместимый с Next.js, но построенный на Vite и работающий напрямую в Cloudflare Workers.
Самое интересное - скорость разработки.
Проект был создан всего за одну неделю и разрабатывался вместе с AI.
Что это значит:
- крупные фреймворки теперь можно пересобирать заново очень быстро
- стоимость разработки таких проектов резко падает
- инфраструктурные и платформенные эксперименты становятся дешевыми
https://x.com/Cloudflare/status/2026415441149571095
👎2
🤖 Запустите Moltbot в Cloudflare Sandbox
Moltworker позволяет запускать персонального AI-ассистента Moltbot в среде Cloudflare, обеспечивая управляемую и всегда доступную среду без необходимости самостоятельного хостинга. Проект демонстрирует возможность работы Moltbot в облачной песочнице, включая поддержку нескольких платформ для общения.
🚀 Основные моменты:
- Персональный AI-ассистент с поддержкой Telegram, Discord и Slack
- Веб-интерфейс для управления чатами
- Безопасная аутентификация и управление устройствами
- Хранение истории чатов для постоянного доступа
- Опциональное использование R2 для хранения данных
📌 GitHub: https://github.com/cloudflare/moltworker
Moltworker позволяет запускать персонального AI-ассистента Moltbot в среде Cloudflare, обеспечивая управляемую и всегда доступную среду без необходимости самостоятельного хостинга. Проект демонстрирует возможность работы Moltbot в облачной песочнице, включая поддержку нескольких платформ для общения.
🚀 Основные моменты:
- Персональный AI-ассистент с поддержкой Telegram, Discord и Slack
- Веб-интерфейс для управления чатами
- Безопасная аутентификация и управление устройствами
- Хранение истории чатов для постоянного доступа
- Опциональное использование R2 для хранения данных
📌 GitHub: https://github.com/cloudflare/moltworker
🚀 X/Twitter Research Agent for AI
Эффективный CLI-инструмент для работы с X API. Позволяет искать, фильтровать и мониторить твиты, получая исследовательские данные без лишних усилий. Идеален для взаимодействия с AI-агентами и анализа контента.
🚀Основные моменты:
- Поиск твитов с сортировкой и фильтрацией
- Мониторинг аккаунтов через списки наблюдения
- Быстрый режим для экономии ресурсов
- Кэширование запросов для снижения затрат
- Прозрачность расходов на каждую операцию
📌 GitHub: https://github.com/rohunvora/x-research-skill
#typescript
Эффективный CLI-инструмент для работы с X API. Позволяет искать, фильтровать и мониторить твиты, получая исследовательские данные без лишних усилий. Идеален для взаимодействия с AI-агентами и анализа контента.
🚀Основные моменты:
- Поиск твитов с сортировкой и фильтрацией
- Мониторинг аккаунтов через списки наблюдения
- Быстрый режим для экономии ресурсов
- Кэширование запросов для снижения затрат
- Прозрачность расходов на каждую операцию
📌 GitHub: https://github.com/rohunvora/x-research-skill
#typescript
This media is not supported in your browser
VIEW IN TELEGRAM
Я смотрю, как AI-скептики вручную верстают лендинг, потому что «LLM - это всего лишь предсказание следующего токена».
👎7🔥1
🕹️ Discord ID Bypass Tool: Управляйте 3D-аватарами в реальном времени!
Этот инструмент позволяет контролировать голову и рот 3D-аватара с помощью геймпада или клавиатуры, что помогает обойти проверки Discord. Поддерживает форматы VRM, FBX и GLB, с автоматическим определением костей и возможностью тестирования морфов.
🚀Основные моменты:
- Поддержка нескольких форматов моделей
- Автоматическое определение костей
- Тестирование морфов для управления выражениями
- Управление с помощью геймпада и клавиатуры
- Никакой установки — работает в любом современном браузере
📌 GitHub: https://github.com/promptpirate-x/discord-id-bypass-tool
Этот инструмент позволяет контролировать голову и рот 3D-аватара с помощью геймпада или клавиатуры, что помогает обойти проверки Discord. Поддерживает форматы VRM, FBX и GLB, с автоматическим определением костей и возможностью тестирования морфов.
🚀Основные моменты:
- Поддержка нескольких форматов моделей
- Автоматическое определение костей
- Тестирование морфов для управления выражениями
- Управление с помощью геймпада и клавиатуры
- Никакой установки — работает в любом современном браузере
📌 GitHub: https://github.com/promptpirate-x/discord-id-bypass-tool
🎨 Excalidraw MCP App: Интерактивные диаграммы в чате
Сервер для потоковой передачи нарисованных от руки диаграмм Excalidraw с возможностью управления камерой и редактирования в полноэкранном режиме. Идеально подходит для создания визуализаций и архитектурных схем прямо в ваших беседах.
🚀 Основные моменты:
- Поддержка интерактивных диаграмм в чате
- Легкая интеграция с Claude.ai
- Возможность локального развертывания
- Удобный интерфейс для рисования
- Постоянные обновления и улучшения
📌 GitHub: https://github.com/antonpk1/excalidraw-mcp-app
#javascript
Сервер для потоковой передачи нарисованных от руки диаграмм Excalidraw с возможностью управления камерой и редактирования в полноэкранном режиме. Идеально подходит для создания визуализаций и архитектурных схем прямо в ваших беседах.
🚀 Основные моменты:
- Поддержка интерактивных диаграмм в чате
- Легкая интеграция с Claude.ai
- Возможность локального развертывания
- Удобный интерфейс для рисования
- Постоянные обновления и улучшения
📌 GitHub: https://github.com/antonpk1/excalidraw-mcp-app
#javascript
👍1
Что выведет этот код?
console.log("A")
setTimeout(() => console.log("B"), 0)
Promise.resolve().then(() => console.log("C"))
console.log("D")
A
D
C
B
Разбор по шагам.
• Сначала выполняется синхронный код (Call Stack):
• console.log("A") → выводит A
• setTimeout(..., 0) → колбэк отправляется в macrotask queue
• Promise.resolve().then(...) → колбэк отправляется в microtask queue
• console.log("D") → выводит D
После этого основной поток завершён.
Затем Event Loop обрабатывает microtasks (они имеют более высокий приоритет):
выполняется Promise → выводит C
И только потом выполняются macrotasks:
• setTimeout → выводит B
Итоговый порядок выполнения:
Sync → Microtasks (Promise) → Macrotasks (setTimeout)
Если кратко:
Promise всегда выполнится раньше setTimeout, даже если timeout = 0.
console.log("A")
setTimeout(() => console.log("B"), 0)
Promise.resolve().then(() => console.log("C"))
console.log("D")
A
D
C
B
Разбор по шагам.
• Сначала выполняется синхронный код (Call Stack):
• console.log("A") → выводит A
• setTimeout(..., 0) → колбэк отправляется в macrotask queue
• Promise.resolve().then(...) → колбэк отправляется в microtask queue
• console.log("D") → выводит D
После этого основной поток завершён.
Затем Event Loop обрабатывает microtasks (они имеют более высокий приоритет):
выполняется Promise → выводит C
И только потом выполняются macrotasks:
• setTimeout → выводит B
Итоговый порядок выполнения:
Sync → Microtasks (Promise) → Macrotasks (setTimeout)
Если кратко:
Promise всегда выполнится раньше setTimeout, даже если timeout = 0.
👍4
⚡️ Claude Code для Уолл-стрит
Появился проект Dexter - автономный AI-финансовый аналитик, который проводит полноценное исследование компании без участия человека.
Вы задаёте вопрос, например:
*NVIDIA недооценена по DCF?*
Дальше система работает сама:
- строит план исследования
- подтягивает актуальные рыночные данные
- загружает финансовую отчётность за 5 лет
- считает ключевые метрики и мультипликаторы
- проверяет свои же расчёты на ошибки
- формирует итоговый инвестиционный вывод
И всё это — автономно.
Как это устроено:
Dexter разбивает задачу на несколько этапов:
- получает текущие цены
- анализирует исторические P/E
- сравнивает с отраслевыми значениями
- проводит оценку (включая DCF)
- проверяет согласованность данных
- собирает всё в финальный аналитический тезис
Внутри — несколько агентов:
- один планирует исследование
- второй выполняет сбор и расчёты
- третий проверяет корректность цифр
- четвёртый пишет итоговый отчёт
Система умеет:
- читать отчёты SEC (10-K, 10-Q, 8-K)
- работать с реальными финансовыми метриками
- делать полноценную DCF-оценку
По сути, это как команда аналитиков:
один ставит задачи, второй ищет данные, третий проверяет расчёты, четвёртый пишет отчёт.
Только вся команда - это AI, и запускается прямо в терминале.
https://github.com/virattt/dexter
Появился проект Dexter - автономный AI-финансовый аналитик, который проводит полноценное исследование компании без участия человека.
Вы задаёте вопрос, например:
*NVIDIA недооценена по DCF?*
Дальше система работает сама:
- строит план исследования
- подтягивает актуальные рыночные данные
- загружает финансовую отчётность за 5 лет
- считает ключевые метрики и мультипликаторы
- проверяет свои же расчёты на ошибки
- формирует итоговый инвестиционный вывод
И всё это — автономно.
Как это устроено:
Dexter разбивает задачу на несколько этапов:
- получает текущие цены
- анализирует исторические P/E
- сравнивает с отраслевыми значениями
- проводит оценку (включая DCF)
- проверяет согласованность данных
- собирает всё в финальный аналитический тезис
Внутри — несколько агентов:
- один планирует исследование
- второй выполняет сбор и расчёты
- третий проверяет корректность цифр
- четвёртый пишет итоговый отчёт
Система умеет:
- читать отчёты SEC (10-K, 10-Q, 8-K)
- работать с реальными финансовыми метриками
- делать полноценную DCF-оценку
По сути, это как команда аналитиков:
один ставит задачи, второй ищет данные, третий проверяет расчёты, четвёртый пишет отчёт.
Только вся команда - это AI, и запускается прямо в терминале.
https://github.com/virattt/dexter
Идеи проектов для Frontend 💡
1. Проекты для начинающих
🔹 Интерфейс системы аутентификации
🔹 Динамический интерфейс дашборда
🔹 Многошаговая форма с валидацией
🔹 Интерфейс загрузки файлов с drag-and-drop
🔹 Интерфейс центра уведомлений
2. Проекты среднего уровня
🔸 Frontend интернет-магазина (фильтры, корзина, оформление заказа)
🔸 Интерфейс платформы для блогов (редактор, комментарии)
🔸 Интерфейс чата в реальном времени
🔸 Kanban-доска для управления задачами
🔸 Приложение для поиска фильмов / контента
3. Продвинутые проекты
🔺 Полноценный frontend социальной сети
🔺 Редактор для совместной работы в реальном времени
🔺 Продвинутый аналитический дашборд
🔺 Приложение с архитектурой micro-frontend
🔺 PWA-приложение с поддержкой работы офлайн
1. Проекты для начинающих
🔹 Интерфейс системы аутентификации
🔹 Динамический интерфейс дашборда
🔹 Многошаговая форма с валидацией
🔹 Интерфейс загрузки файлов с drag-and-drop
🔹 Интерфейс центра уведомлений
2. Проекты среднего уровня
🔸 Frontend интернет-магазина (фильтры, корзина, оформление заказа)
🔸 Интерфейс платформы для блогов (редактор, комментарии)
🔸 Интерфейс чата в реальном времени
🔸 Kanban-доска для управления задачами
🔸 Приложение для поиска фильмов / контента
3. Продвинутые проекты
🔺 Полноценный frontend социальной сети
🔺 Редактор для совместной работы в реальном времени
🔺 Продвинутый аналитический дашборд
🔺 Приложение с архитектурой micro-frontend
🔺 PWA-приложение с поддержкой работы офлайн
This media is not supported in your browser
VIEW IN TELEGRAM
🖥 React Doctor - проверка архитектуры React без боли
Это инструмент, который сканирует кодовую базу и находит архитектурные косяки и анти-паттерны, которые со временем превращают проект в технический долг.
Что он умеет находить:
- Лишние и неправильно используемые useEffect
- Проблемы с доступностью (a11y)
- Prop drilling там, где лучше использовать context или композицию
- Потенциальные проблемы с производительностью
- Лишние ререндеры и неэффективные зависимости
Работает как CLI или как агент-скилл - можно прогонять регулярно и постепенно доводить проект до «зелёного» состояния.
Идея простая: запускаете проверку, исправляете замечания, повторяете - пока кодовая база не станет чистой и стабильной.
Попробовать можно прямо из терминала:
npx -y react-doctor@latest
https://github.com/millionco/react-doctor
Это инструмент, который сканирует кодовую базу и находит архитектурные косяки и анти-паттерны, которые со временем превращают проект в технический долг.
Что он умеет находить:
- Лишние и неправильно используемые useEffect
- Проблемы с доступностью (a11y)
- Prop drilling там, где лучше использовать context или композицию
- Потенциальные проблемы с производительностью
- Лишние ререндеры и неэффективные зависимости
Работает как CLI или как агент-скилл - можно прогонять регулярно и постепенно доводить проект до «зелёного» состояния.
Идея простая: запускаете проверку, исправляете замечания, повторяете - пока кодовая база не станет чистой и стабильной.
Попробовать можно прямо из терминала:
npx -y react-doctor@latest
https://github.com/millionco/react-doctor
This media is not supported in your browser
VIEW IN TELEGRAM
Houdini gradient border animation
Анимация градиентной рамки, реализованная на чистом CSS.
https://codepen.io/michellebarker/pen/gOMBPQj
Анимация градиентной рамки, реализованная на чистом CSS.
https://codepen.io/michellebarker/pen/gOMBPQj
👍1
#вопросы_с_собеседований
Идентичный алфавит
Напишите функцию, принимающую две строки и возвращающую true в случае если строки состоят из одинаковых букв (порядок не важен). Иначе верните false.
isEqualSymbols('кит', 'тик'); // => true
isEqualSymbols('мда', 'да я'); // => false
Решение на картинке. Для ускорения мы сразу отбрасываем вариант, когда строки не равны по длине, далее делаем из строк массивы и сортируем по символам, затем склеиваем обратно и проверяем готовые строки на равенство.
Идентичный алфавит
Напишите функцию, принимающую две строки и возвращающую true в случае если строки состоят из одинаковых букв (порядок не важен). Иначе верните false.
isEqualSymbols('кит', 'тик'); // => true
isEqualSymbols('мда', 'да я'); // => false
Решение на картинке. Для ускорения мы сразу отбрасываем вариант, когда строки не равны по длине, далее делаем из строк массивы и сортируем по символам, затем склеиваем обратно и проверяем готовые строки на равенство.
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Мигающие маяки
Карта показывает маяки, запрашивая информацию из Overpass API. Написано на JS.
https://github.com/geodienst/lighthousemap
Карта показывает маяки, запрашивая информацию из Overpass API. Написано на JS.
https://github.com/geodienst/lighthousemap
👍1
🧩 Collaborator: Инновационная среда для разработки с агентами
Collaborator — это приложение для macOS, которое объединяет терминалы, файлы и код на одном бесконечном холсте. Упрощает работу, устраняя необходимость в переключении между вкладками. Приложение активно разрабатывается и предназначено для локального использования.
🚀 Основные моменты:
- Интуитивно понятный интерфейс с многофункциональным холстом
- Поддержка нескольких рабочих пространств
- Интерактивные терминалы и редакторы кода
- Локальное хранение данных без необходимости в учетных записях
📌 GitHub: https://github.com/collaborator-ai/collab-public
#javascript
Collaborator — это приложение для macOS, которое объединяет терминалы, файлы и код на одном бесконечном холсте. Упрощает работу, устраняя необходимость в переключении между вкладками. Приложение активно разрабатывается и предназначено для локального использования.
🚀 Основные моменты:
- Интуитивно понятный интерфейс с многофункциональным холстом
- Поддержка нескольких рабочих пространств
- Интерактивные терминалы и редакторы кода
- Локальное хранение данных без необходимости в учетных записях
📌 GitHub: https://github.com/collaborator-ai/collab-public
#javascript