This media is not supported in your browser
VIEW IN TELEGRAM
GSAP
GSAP — это мощная библиотека JavaScript, предназначенная для создания высокопроизводительных анимаций на веб-сайтах и в веб-приложениях.
Она позволяет анимировать любые свойства объектов JavaScript, включая CSS-свойства, элементы SVG, объекты canvas и многое другое.
Ключевые функции GSAP включают в себя движок tweening для точного управления анимациями, возможность создания сложных последовательностей с помощью временных шкал (timelines), а также поддержку плагинов, таких как ScrollTrigger для анимаций, зависящих от прокрутки, и Draggable для реализации перетаскивания элементов.
Библиотека оптимизирована для обеспечения плавных анимаций с высокой частотой кадров и совместима со всеми основными браузерами.
📁 Language: #JavaScript 98.7%
⭐️ Stars: 24.3k
➡️ Cсылка на GitHub
📱 @git_developer
GSAP — это мощная библиотека JavaScript, предназначенная для создания высокопроизводительных анимаций на веб-сайтах и в веб-приложениях.
Она позволяет анимировать любые свойства объектов JavaScript, включая CSS-свойства, элементы SVG, объекты canvas и многое другое.
Ключевые функции GSAP включают в себя движок tweening для точного управления анимациями, возможность создания сложных последовательностей с помощью временных шкал (timelines), а также поддержку плагинов, таких как ScrollTrigger для анимаций, зависящих от прокрутки, и Draggable для реализации перетаскивания элементов.
Библиотека оптимизирована для обеспечения плавных анимаций с высокой частотой кадров и совместима со всеми основными браузерами.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤2
agtop
Это окно в то, что делает ваш AI-агент программирования — прямо в терминале, где вы его запускаете.
Agtop — это терминальный дашборд в стиле top, который отслеживает все ваши сессии Claude Code и Codex на вашей машине: расходы, использование токенов, нагрузку контекста, загрузку CPU, вызовы инструментов и многое другое — всё в одном месте с обновлением в реальном времени.
📁 Language: #JavaScript 100%
⭐️ Stars: 45
➡️ Cсылка на GitHub
📱 @git_developer
Это окно в то, что делает ваш AI-агент программирования — прямо в терминале, где вы его запускаете.
Agtop — это терминальный дашборд в стиле top, который отслеживает все ваши сессии Claude Code и Codex на вашей машине: расходы, использование токенов, нагрузку контекста, загрузку CPU, вызовы инструментов и многое другое — всё в одном месте с обновлением в реальном времени.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤1
LSP Enforcement Kit for Claude Code
Механизм принудительного использования LSP-навигации в Claude Code: 6 хуков + 1 трекер состояния, которые блокируют неэффективные поиски через Grep и направляют Claude к использованию LSP-инструментов для навигации по коду.
Поддерживаются MCP-серверы cclsp и Serena LSP. По словам автора, в тестах это дало примерно 73% экономии токенов.
📁 Language: #JavaScript 72.6%
⭐️ Stars: 102
➡️ Cсылка на GitHub
📱 @git_developer
Механизм принудительного использования LSP-навигации в Claude Code: 6 хуков + 1 трекер состояния, которые блокируют неэффективные поиски через Grep и направляют Claude к использованию LSP-инструментов для навигации по коду.
Поддерживаются MCP-серверы cclsp и Serena LSP. По словам автора, в тестах это дало примерно 73% экономии токенов.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍2
design-extract
Сидел, скроллил, наткнулся на инструмент.
Увидел хорошо сделанный сайт и захотел позаимствовать его типографику и цветовую схему, чтобы реализовать похожий эффект в своём проекте.
Недавно нашёл инструмент designlang — одной командой он полностью извлекает дизайн-элементы с любого сайта и сразу генерирует готовые конфигурационные файлы.
Он использует безголовый браузер для скрейпинга страницы, анализирует все вычисленные стили и на выходе даёт файлы более чем в десятке форматов: конфиги Tailwind, переменные CSS, переменные Figma, темы для React и другие, готовые к использованию.
Инструмент извлекает не только цвета и шрифты — он также распознаёт структуру лэйаута, ритм анимаций, иерархию компонентов, тон бренда и даже определяет, какая библиотека компонентов используется на странице.
Можно интегрировать в ИИ-ассистентов для разработки вроде Cursor или Claude Code, чтобы модель строго придерживалась извлечённых спецификаций при генерации кода.
Подходит, когда нужно быстро синхронизироваться с визуальным стилем сайта или передать полноценную дизайн-спеку в инструмент с ИИ.
📁 Language: #JavaScript 97.0%
⭐️ Stars: 1,6k
➡️ Cсылка на GitHub
📱 @git_developer
Сидел, скроллил, наткнулся на инструмент.
Увидел хорошо сделанный сайт и захотел позаимствовать его типографику и цветовую схему, чтобы реализовать похожий эффект в своём проекте.
Недавно нашёл инструмент designlang — одной командой он полностью извлекает дизайн-элементы с любого сайта и сразу генерирует готовые конфигурационные файлы.
Он использует безголовый браузер для скрейпинга страницы, анализирует все вычисленные стили и на выходе даёт файлы более чем в десятке форматов: конфиги Tailwind, переменные CSS, переменные Figma, темы для React и другие, готовые к использованию.
Инструмент извлекает не только цвета и шрифты — он также распознаёт структуру лэйаута, ритм анимаций, иерархию компонентов, тон бренда и даже определяет, какая библиотека компонентов используется на странице.
Можно интегрировать в ИИ-ассистентов для разработки вроде Cursor или Claude Code, чтобы модель строго придерживалась извлечённых спецификаций при генерации кода.
Подходит, когда нужно быстро синхронизироваться с визуальным стилем сайта или передать полноценную дизайн-спеку в инструмент с ИИ.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🤔3