База знаний / Тег

Frontend

Подборка материалов по одной теме — чтобы быстро пройти в нужный контекст без лишнего скролла по всему разделу.

Все материалы

Материалы по теме

9 материалов

Pencil — агентный дизайн-канвас с MCP прямо в IDE

Pencil — агентный дизайн-канвас с MCP прямо в IDE

Pencil — канвас для дизайна интерфейсов, который живёт в репозитории и общается с ИИ-агентами через MCP. Что умеет, как подключить к Claude Code, Cursor и Codex и где у него слабые места.

Pascal Editor — бесплатный 3D-редактор зданий прямо в браузере

Pascal Editor — бесплатный 3D-редактор зданий прямо в браузере

Open-source 3D-редактор зданий на React Three Fiber и WebGPU. Работает в браузере без установки — стены, этажи, крыши, интерьеры. Бесплатная альтернатива AutoCAD и Revit для ранних этапов проектирования.

EmDash — open-source CMS от Cloudflare на базе Astro

EmDash — open-source CMS от Cloudflare на базе Astro

Open-source CMS нового поколения от Cloudflare: TypeScript, Astro, sandbox-плагины, встроенный MCP-сервер и serverless-деплой. Позиционируется как современная замена WordPress.

Shadcn Studio — расширенная библиотека компонентов и блоков shadcn/ui

Shadcn Studio — расширенная библиотека компонентов и блоков shadcn/ui

Расширенная экосистема вокруг shadcn/ui: сотни компонентов и блоков, шаблоны для Next.js и Astro, генератор тем с AI, Figma-плагин, MCP-сервер и IDE-расширение. Open-source ядро + Pro за $199 (lifetime).

DESIGN.md — дизайн-система в одном файле для AI-кодинга

DESIGN.md — дизайн-система в одном файле для AI-кодинга

DESIGN.md — формат от Google Stitch: markdown-файл с правилами дизайн-системы, который AI-агенты читают для генерации консистентного UI. Структура, примеры, коллекция готовых файлов.

AI-генераторы дизайна: обзор инструментов

AI-генераторы дизайна: обзор инструментов

Обзор AI-инструментов для генерации UI и конвертации в код: Variant, Banani, Motiff, Anima, Builder.io — сравнение и рекомендации.

Astro: фреймворк для молниеносных сайтов

Astro: фреймворк для молниеносных сайтов

Зачем я выбрал Astro для контентного сайта: архитектура островов, минимум JS, три режима рендеринга, Content Collections и сравнение с конкурентами.

Tailwind CSS: стилизация без боли

Tailwind CSS: стилизация без боли

Utility-first подход к стилизации: основные концепции, адаптив, тёмная тема, плагин Typography для CMS-контента и интеграция с Astro.

daisyUI: красивые компоненты из коробки

daisyUI: красивые компоненты из коробки

Библиотека UI-компонентов поверх Tailwind CSS: семантические классы, 35 тем, кастомизация и сравнение с Tailwind UI и shadcn/ui.

Следующий шаг

Если нужен прикладной результат — рядом лежат кейсы

Теговая страница даёт тематическую выборку, а кейсы показывают, как похожие идеи доходят до рабочего контура и живого результата.