Миша Наер
6.69K subscribers
584 photos
257 videos
464 links
По рекламе и предложке: @naer_support

Пообщаться: @mishanaer

Principle Designer, T-Bank

Создал дизайн-студию, которая за год поработала с топ-3 банками, дизайнил для KFC, Лукойла, Пятерочки.
Download Telegram
Сегодня утром за чашечкой кофе сделал себе шрифт на основе Geist.

Мой любимый SF Pro Rounded нельзя использовать в вебе, а аналога для набора крупных цифр в интерфейсе я не нашел.

В интернете есть пример, как чел сделал свой форк Inter с помощью Glyphs 3. Там он использует фильтр Rounded Corners, но это не самый правильный вариант. Я накатил фильтр Rounded Font — так углы глифов получаются более круглыми и точными

Десять лайков и я собираю семейство шрифтов, упаковываю и отправляю чувакам из Vercel
20173
colormatching.vercel.app

Залип на полчаса
70
Хорошая софтина для наговаривания сообщений голосом. Работает очень быстро.

Из прикольного — если ты исправляешь какой-то текст после наговаривания, она добавляет исправление в словарь, чтобы не допустить ту же ошибку дважды.

Этот текст, кстати, тоже через Альмонд надиктовал

https://www.almondvoice.com/
20🤡6
Короче заметил по ребятам вокруг (и по себе), что с приходом кодинг агентов словарь обогатился кучей новых терминов, и многие в них путаются. Поэтому попробую написать пару постов простым языком про сущности, с которыии приходится работать часто

Agent Rules

Это аналог Custom Instructions в ChatGPT. В рулы пишут правила, которые кодинг агент читает перед началом работы, сохраняет себе в контекст и дальше следует им при выполнении абсолютно каждой задачи.

Я использую вот такие рулы:


## Общие принципы
- Пиши **только по-русски**; если данных недостаточно — остановись и задай вопросы вместо догадок.
- Не соглашайся автоматически: проверяй мои утверждения, указывай риски/альтернативы, задавай наводящие вопросы.
- По умолчанию выбирай безопасные решения и следуй best practices безопасности.

## Режимы работы и границы
- Делай ровно то, что я попросил: никаких лишних действий, кода, рефакторинга и “улучшений” без запроса.
- Всегда начинай с чтения /memory-bank и учитывай его как источник контекста.
- Сначала диагностика, затем изменения: не правь код, пока я явно не разрешу.

## Процесс диагностики (обязателен)
- Сначала найди проблему в коде/конфиге/логах; до этого не предлагай правки.
- Уточни задачу и сформулируй план короткими шагами.
- Проверь гипотезу 3 раза и укажи уверенность в процентах.

## Формат ответа на баг/задачу
Всегда используй шаблон:
- ПРОБЛЕМА: …
- ГДЕ ИМЕННО: …
- КАК БУДЕМ РЕШАТЬ (план): …
- ЧТО ИЗМЕНИТСЯ ПОСЛЕ: …
- КАК ПРОТЕСТИРОВАТЬ ПОСЛЕ РЕШЕНИЯ: (конкретные действия в боте) …
- УВЕРЕННОСТЬ: X%
- ВОПРОС: Могу ли я начать исправление?

## Изменения, тесты, отчёт, память
- Цикл работы: предложи тесты/проверки → (после разрешения) внеси минимальные изменения → убедись, что проверки проходят.
- Изменения делай минимальными; не дублируй общий код (если нужно — выноси в модуль, но только по необходимости).
- После каждого изменения: краткий отчёт (что/почему/какие файлы) и обновлениекаких лишних дей(только релевантные файлы).

Чтобы начать использовать в своих проектах, делаем следующее.

Если вы сидите на Codex

1. Копируем эти рулы и сохраняем в текстовый файл на компе
2. Называем файл AGENTS.md
3. Открываем Finder
4. Делаем Shift + Command + G и вписываем в инпут ~/.codex
5. Сохраняем AGENTS.md в эту директорию
6. Готово! Теперь в любом проекте Codex будет подсасывать ваши рулсы

Если вы сидите на Claude Code, то файл с рулсами называем CLAUDE.md и сохраняем в ~/.claude/, все остальное работает так же
69125💯82
Юникод анимации от дизайн-лида Perplexity.

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


npm install unicode-animations


https://www.npmjs.com/package/unicode-animations
170😍65
Ради такого контента я и плачу за интернет:

https://calendly-kohei.com/

Попробовал, реально нужно 10 раз сказать нигга чтобы звонок забукать
60😁204
Миша Наер
Короче заметил по ребятам вокруг (и по себе), что с приходом кодинг агентов словарь обогатился кучей новых терминов, и многие в них путаются. Поэтому попробую написать пару постов простым языком про сущности, с которыии приходится работать часто Agent Rules…
Пост в котором я объяснял Agent Rules круто всем зашел, поэтому продолжаем. Сегодня разберем Agent Skills.

Скиллы — это инструкции по разным темам, которые модель подтягивает перед выполнением задачи.

Например, вы решили сделать себе сайтик портфолио. Перед началом проекта идете на маркетплейс скиллов, ищете скиллы, которые могут вам в этом помочь и добавляете их — например, Web Interface Guidelines и Interaction Design. Все — в нужный момент кодинг агент дернет нужный скилл, прочитает инструкцию, догрузит инфу в контекст и будет использовать ее в написании кода.

Как это работает со стороны кодинг агента

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

Почему тогда нельзя добавить 100 скиллов на все случаи жизни

Потому что чем больше скиллов добавляешь, тем быстрее расходуются лимиты системного промпта. Если контекст системного промпта будет перегружен, то модель будет дольше думать и чаще ошибаться. 5-10 скиллов — ок, больше не нужно.

Где брать

В Codex в приложении на мак есть прям раздел Skills, там в один клик можно добавить. Также можно добавлять скиллы из интернета (это же просто текстовый файл с инструкцией, можно хоть самому написать). Для этого идем в


~/.codex/skills/


и сохраняем файл туда. На Claude процесс аналогичный.

Есть еще куча курируемых библиотек скиллов, например эта:

https://github.com/VoltAgent/awesome-agent-skills

Главное читайте что там внутри скилла написано, прежде чем добавлять.
5216😍2🤡1
Крутой инструмент есть в iOS 26. Можно из спотлайта по ключевым словам вызывать виджет и с помощью него сделать какое-то целевое действие.

AppIntents по идее были и в более ранних версиях iOS, но ни одного реального применения я пока не видел.

Если у вас есть, скиньте плз
266
This media is not supported in your browser
VIEW IN TELEGRAM
Стеклодувы на месте?

Уже несколько месяцев анимирую всю работу в афтере и нашел у этой привычки два плюса:

1. Шоты помогают продать концепт стейкхолдерам. Не нужно собирать большие встречи и делать презентации в фигме, просто кидаешь шот и спрашиваешь «ну как?». Видос помогает отрезать комменты связанные с визуалом, дизайн согласовывается быстрее.

2. Ты получаешь готовый креатив для продуктового маркетинга. Можно отправлять шот на посевы и промо, продукт получит +ХХ% охвата. Я уже парочку по работе подготовил, надеюсь вы их увидите в этом году в профильных каналах.

На видео выдуваю стекло как раз для одной из рабочих задач
💯6139😁33
В последнее время прям много контента выходит про использование звуков в интерфейсе, вот еще статья от дизайн-инженера Warp:

https://www.userinterface.wiki/sounds-on-the-web

Стоит почитать ради хороших примеров звуков для клик/success/error/warning кейсов. А блок The Counter-Arguments подойдет тем, кто собирается своему начальству питчить завоз интерфейсных звуков
2472
👀
Please open Telegram to view this post
VIEW IN TELEGRAM
77😍2317😁9🤡4
Джек Дорси (фаундер твиттера и американского финтеха Block) одним твитом объявил об увольнении 40% сотрудников Block. Это значит, что в абсолютных значениях из 10000 человек останется 6000.

Угадайте причину:

we're not making this decision because we're in trouble. our business is strong. gross profit continues to grow, we continue to serve more and more customers, and profitability is improving. but something has changed. we're already seeing that the intelligence tools we’re creating and using, paired with smaller and flatter teams, are enabling a new way of working which fundamentally changes what it means to build and run a company. and that's accelerating rapidly.


Акции в моменте выросли на 24%. Так что тренд на маленькие команды развивается не только среди стартапов, но и среди компаний среднего размера
2382014🤡93💯1
Миша Наер
Джек Дорси (фаундер твиттера и американского финтеха Block) одним твитом объявил об увольнении 40% сотрудников Block. Это значит, что в абсолютных значениях из 10000 человек останется 6000. Угадайте причину: we're not making this decision because we're in…
Важно выработать правильное отношение к таким новостям, потому что со временем их будет становиться все больше.

В 20 веке исчезла куча профессий — телефонисты, печатники, лифтеры в день Х стали не нужны. Насколько привлекательно работать лифтером, когда лифт ездит сам?

Пройдет несколько лет, и влияние AI на нашу индустрию станет более очевидным — люди освобождают себя и свое время для более интересной работы
53🤡30💯7😁52
Миша Наер
Богатый на пасхалки сервис от дизайн инженера Honk https://compress.lochie.me/ Это компрессор видосов под веб формат (очередная обертка FFmpeg). Но оч круто обложен звуками, прям хочется его покликать. Короче считывается школа Бенжи из поста выше
От того же чела вышла либа с хаптиками для мобильного веба:

https://haptics.lochie.me/

Вообще я не знал что веб умеет дергать хаптики, а оказалось что для андроида есть полноценный Vibration API.

На iOS Vibration API блокируется системой, поэтому либа использует забавный workaround:

Единственный элемент в мобильном iOS, который поддерживает хаптики — это чекбокс. Поэтому либа создает фейковый чекбокс по триггеру, нажимает его и тут же удаляет. Получается у клиента сработал хаптик, а либа под капотом накостылировала чекбоксов
14417
Play закрывается.

Жаль, клевый был инструмент, кучу прототипов в нем собрал.

У Play была киллер фича: можно было делиться прототипом через Appclip, и у получателя без скачивания приложения разворачивалась на мобиле нативная аппка.

В CC/Codex такой трюк уже не пройдет.

F 🫡
236975😁4
Здорово получилось:

Т-Банк выпустил зеркальные платежные стикеры к 8 марта

Команда T-Pay выпустила зеркальные платежные стикеры. Их можно наклеить на заднюю панель смартфона и использовать как зеркало.

Доступны три дизайна: тюльпан, сердце и ромашка. В дальнейшем планируется расширение ассортимента.


Когда приходится костылять, чтобы хоть немного приблизить клиентский опыт к привычному Apple Pay, единственный правильный путь — придумать доп ценность, которую этот костыль будет давать. Здорово ребята придумали, наклею себе такой
10155🤡23💯32😍1