TGViewer
Channel Public Channel
Дизайн насмотренность

Дизайн насмотренность

@designskillz

Качаемся для выживания в суровом творческом мире. Смотрим интересный кейс раз в день

Я в сетке: https://set.ki/ZwrkpGb

DM: @mpchelkin
Open in Telegram
Subscribers
123
Photos
206
Videos
12
Links
163
Recent Posts 20 shown
Post #248 7
Сайт конструктора приложений из таблиц

Glide — AI-конструктор, который превращает данные из таблиц в готовые приложения для бизнеса. Но сюда скорее за самим сайтом — очень аккуратная корпоративная подача продукта без ощущения скучного B2B.

Особенно понравился главный экран с анимированной моделью здания в разрезе: через неё показывают разные сценарии продукта и постепенно раскрывают интерфейс. Хороший референс для сложных сервисов, которые хочется объяснить через один большой визуальный образ.

👉🏻https://www.glideapps.com/

#web #ui #animation #ai
Post #247 12
Интерактивная обучающая вселенная для детей

Marble — обучающий продукт для детей 6–12 лет, где вместо обычных уроков ребёнок исследует большой интерактивный мир. Система подстраивается под интересы и уровень знаний, а внутри есть рисование, истории, языки, квизы и другие активности.

Сам сайт тоже очень приятный: крупная типографика, яркие 3D-сцены, много воздуха и аккуратные анимации. Хороший референс для образовательных продуктов, которые не хочется оформлять как очередной «детский сервис».

👉🏻https://withmarble.com/

#web #ui #3D #animation #inspiration
  • ❤ 1
Post #246 14
Весёлый сайт сложного B2B-продукта

Clay — платформа для автоматизации продаж и работы с данными, но сюда скорее за визуалом. Вместо привычного корпоративного B2B — яркий почти игрушечный мир с псевдопластилиновыми 3D-объектами, анимациями и насыщенными цветами.

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

👉🏻https://www.clay.com/

#web #3D #animation #illustration #inspiration
  • 🥰 3
Post #245 16
Плавное перетекание одной иконки в другую

Morphicons — опенсорсная библиотека для анимации переходов между SVG-иконками. Можно взять две иконки из готовых наборов, а библиотека сама рассчитает, как аккуратно превратить одну форму в другую.

Поддерживаются Lucide, Tabler, Heroicons, Iconoir, Untitled UI и другие наборы. Хорошая штука для переключателей, состояний кнопок и микроанимаций, где обычная замена иконки выглядит слишком резко.

👉🏻https://www.morphicons.com/

#ui #animation #icons #web
  • 🔥 2
Post #244 22
346 WebGL-эффектов для сайтов

ThreeUI — большая библиотека готовых эффектов на Three.js: интерактивные фоны, шейдеры, hover-анимации, кинетическая типографика, кнопки и даже целые лендинги.

У каждого примера есть живое превью с настройками — удобно быстро подобрать эффект под проект, а потом забрать реализацию. Часть библиотеки бесплатная, остальное доступно по Pro-подписке.

👉🏻https://threeui.com/browse

#web #3D #animation #graphic
  • 🔥 2
Post #243 21
Скиллы для AI-агентов, которые прокачивают интерфейс

Better Interfaces — набор готовых навыков для Claude Code и других AI-агентов, которые помогают не просто написать UI, а нормально его отполировать.

Можно сгенерировать несколько вариантов одного элемента, проверить все состояния компонента, разобрать эффект на чужом сайте, поправить радиусы, тени и микроанимации, подобрать типографику и цвета, проверить адаптивность, доступность и тексты.

Есть отдельный interface-review, который прогоняет интерфейс сразу по всем этим направлениям. Устанавливается одной командой.

👉🏻https://github.com/jakubkrehel/skills

#ai #ui #ux #ai_code
  • 🤔 3
  • ❤ 1
Post #242 21
Agentic UI — галерея интерфейсов для AI-агентов

Agentic UI Showcase — необычная подборка экранов и паттернов из дизайн-системы для агентных интерфейсов. Кейсы разложены по большому псевдотрёхмерному пространству, между ними можно перемещаться и рассматривать разные состояния интерфейса.

Сам сайт тоже стоит посмотреть как референс: очень необычная навигация, ощущение бесконечного холста и приятные саунд-эффекты. Лучше открывать с компьютера.

👉🏻https://agenticui.net/showcase

#ui #ux #ai #web #inspiration
  • ❤ 2
Post #241 22
Рисовалка для React с красивой панелью инструментов

Drawesome — готовый компонент для рисования, который можно встроить в сайт или продукт. Внутри семь разных перьев, ластик, настройка цвета и толщины, undo/redo и экспорт результата в SVG или PNG.

Больше всего понравилась сама панель: инструменты нарисованы почти как настоящие маркеры и карандаши, а при смене настроек она плавно перестраивается вместо открытия дополнительных попапов. Можно забрать целиком или использовать отдельные части.

👉🏻https://benji.org/drawesome

#ui #web #graphic #prototype
  • 🔥 2
  • ❤ 1
Post #240 23
Единый формат для навыков AI-агентов

Agent Plugins 1.0.0 — открытый стандарт для упаковки Agent Skills и MCP-серверов в один переносимый плагин. Вместо отдельных форматов под Cursor, Codex, ChatGPT и другие инструменты можно один раз собрать папку с plugin.json, skills и mcp.json.

На старте стандарт уже поддерживают ChatGPT и Codex, Cursor, GitHub Copilot, Kiro и VS Code. По сути, это попытка сделать для агентных инструментов общий формат расширений, чтобы один и тот же набор скиллов можно было переносить между разными клиентами.

👉🏻https://vercel.com/blog/introducing-agent-plugins

#ai #tools #ai_code
  • ❤ 2
Post #239 28
760 иконок в четырёх стилях

Amicons — набор из 760 векторных иконок в четырёх вариантах: line, solid, round и sharp. Всего получается 3040 вариантов, всё собрано в Figma и доступно в SVG.

Бесплатно можно забрать 300 иконок, полный набор стоит $89 для личного использования и включает будущие обновления.

👉🏻https://amicons.design/

#icons #ui #graphic #figma
  • ❤ 3
Post #238 27
Готовые компоненты для AI-интерфейсов

Beautiful UI — библиотека из 20 готовых компонентов для AI-продуктов: состояния загрузки и thinking, streaming-текст, approval-карточки, tool calls, чат, поиск, таблицы, flowchart и другие паттерны.

Все примеры интерактивные и сделаны довольно аккуратно — можно посмотреть разные состояния и сразу забрать код. Полезная база референсов для проектирования агентных интерфейсов и вайбкодинга.

👉🏻https://beautiful-ui-five.vercel.app/

#ui #ai #web #inspiration #ai_code
  • ❤ 2
Post #236 28
AI-помощник для врачебной админки

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

Ещё понравился сам сайт — очень светлый и спокойный визуал, крупные фотографии, аккуратная типографика и почти полное отсутствие привычной «нейросеточной» эстетики. Хороший референс для медицинских и сложных B2B-продуктов.

👉🏻https://www.lassie.ai/

#web #ui #ai
  • ❤ 3
Post #235 26
Сайт AI-сервиса с красивой работой со светом

Octolane — сервис с AI-агентами для revenue-команд, но интереснее всего здесь сам лендинг. Почти монохромная база, поверх которой проходят большие световые градиенты, мягкие засветы и очень аккуратные микроанимации.

Нравится, что визуал выглядит технологично, но не превращается в очередной «AI-сайт с фиолетовым градиентом». Хороший референс для промо сложных B2B-продуктов.

👉🏻https://www.octolane.com/

#web #ui #animation #ai
  • ❤ 2
Post #234 32
Умные очки без камер

Even G2 — умные очки с дисплеем прямо в линзах, но без камеры. Внутри есть суфлёр, перевод в реальном времени на 35 языков, транскрибация речи, уведомления и AI-подсказки.

Информация появляется прямо перед глазами только когда нужна, а управлять очками можно через тачбар или отдельное кольцо Even R1. Есть обычные и рецептурные линзы. Цена начинается от $599.

👉🏻https://www.evenrealities.com/

#ai #ui #inspiration
  • 🔥 4
Post #233 31
55+ бесплатных лоадеров из точек

Dot Matrix — опенсорсная библиотека из более чем 55 анимированных лоадеров, собранных на сетке из точек. Есть спирали, орбиты, волны, глифы и много других вариантов.

Все компоненты сделаны на React, TypeScript, Tailwind и shadcn. Можно установить нужный лоадер одной командой, скопировать код и дальше полностью переделать под свой интерфейс.

👉🏻https://dotmatrix.zzzzshawn.cloud/

#ui #animation #web #react #ai_code
  • 🔥 2
Post #232 31
Конструктор анимированных лоадеров

Loaders.wtf — онлайн-конструктор индикаторов загрузки. Можно настраивать форму, паттерн, цвета, скорость анимации и собирать сразу несколько лоадеров в одном проекте.

Готовый результат экспортируется в HTML/CSS, SVG, Lottie или GIF. Можно рисовать собственные варианты из точек и изображений, а ещё подключать внешние AI-модели по API для генерации.

👉🏻https://www.loaders.wtf/

#ui #animation #web #prototype #ai_code
  • 🔥 4
Post #231 33
Бесплатный AI-агент от Сбера

Мультитул — десктопный AI-агент для Mac, Windows и Linux. Умеет собирать презентации и таблицы, анализировать документы, проводить исследования и писать код. Работает с DeepSeek и GigaChat, можно подключать и другие модели.

Отдельно можно создавать субагентов и добавлять навыки под свои задачи. По сути, бесплатная альтернатива универсальным агентным рабочим пространствам вроде Claude Code, но не только для разработки.

👉🏻https://multitool.works/

#ai #tools #ai_code
  • 🤝 4
Post #230 39
Тренажёр анимаций для SwiftUI

SwiftUI Animation Playground — опенсорсное macOS-приложение, в котором можно визуально сравнивать разные типы анимаций SwiftUI и сразу подбирать нужные параметры. Есть spring, smooth, snappy, bouncy, easing-кривые и кастомные cubic Bézier.

Можно запускать до трёх анимаций одновременно, менять duration, bounce, stiffness и damping и сразу видеть готовый SwiftUI-код. Ещё внутри есть примеры для toggle, pull-to-refresh, tab bar, карточек и hero-анимаций.

👉🏻https://github.com/josejacas/SwiftAnimPlayground

#ui #animation #mobile #prototype #ai_code
  • ❤ 4
Post #229 40
Физика анимаций для SwiftUI

Kinetics — опенсорсный движок для физичных анимаций в SwiftUI. Внутри есть ретаргетинг анимации на лету, инерция после жестов, rubber-banding, snapping, столкновения с границами и проекция движения.

Есть готовые spring-пресеты от playful до rigid, а также ручная настройка response и damping. Особенно полезно для интерактивных элементов, где обычных easing-кривых уже не хватает и хочется поведения ближе к реальной физике.

👉🏻https://github.com/roberthein/kinetics

#ui #animation #mobile #prototype #ai_code
  • ❤ 4
Post #228 39
Трекер задач прямо в репозитории

mdtask — инструмент для работы AI-агентов, который хранит спецификацию и задачи прямо в Markdown-файлах проекта. У задач могут быть ID, статусы, приоритеты, теги, блокеры и дополнительные поля.

Агент берёт свободную задачу, пишет код, закрывает её и одновременно обновляет описание функции. В итоге код, статус задачи и документация меняются вместе и не успевают разъехаться.

👉🏻https://mdtask.dev/

#ai #web #ai_code
  • ❤ 4
Older posts →

About this channel

How can I read @designskillz without a Telegram account?
TGViewer shows the public web preview Telegram publishes for Дизайн насмотренность: recent posts, photos, videos and the subscriber count, with no app, login or account.
How many subscribers does Дизайн насмотренность have?
Дизайн насмотренность (@designskillz) has 123 subscribers on Telegram, refreshed roughly every 30 minutes.
Does Дизайн насмотренность know I viewed it here?
No. Public channel previews carry no viewer identity, and TGViewer has no accounts or tracking of what you look up.
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →