user11362689

user11362689

Пикабушник
100 рейтинг 0 подписчиков 0 подписок 2 поста 0 в горячем
2

Автотестирование с помощью Playwright

Отдельная боль — нейронка что-то сделала, выполнила список задач и ты идёшь это руками проверять. По итогу что-то не работает + в консоли ошибки.

Потом опять идёшь в клод-код, копируешь ошибки, отправляешь скрины, объясняешь ей, где что не так = куча времени отнимает.

Как это решается = нейронка получила результат → просим её проверить всё по списку, используя Playwright. Она сама открывает браузер и всё тестирует, ошибки фиксит. Остаётся наблюдать и пить кофе.

Установка — Можно через /plugin или как mcp:

claude mcp add playwright npx @Playwright/mcp@latest

→ Далее в тексте явно используем playwright, либо настраиваем через хук, чтобы тесты автоматом выполнялись.

Как настроить автотесты:

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

Говорим агенту — прочитай из user stories и воспроизведи их при помощи Playwright, собери ошибки и почини.

Канал в телеграм Vibe Manager c Ai

Показать полностью 1
4

Как превратить Claude в дизайнера, избавляемся от розовых AI slop градиентов

Как превратить Claude в дизайнера, избавляемся от розовых AI slop градиентов

Давно пытаюсь решить проблему — приличный дизайн нейронки не хотят делать) нашёл статью,  “Антропики” тут пишут . Про новые скиллы, которые помогают решать проблемы с разноцветными градиентами.

1. Frontend Design. помогает избавиться от градиентов и делать визуально приличный макет.

2. web-artifacts-builder — Stack: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui

Установив скилл номер 2 в CLI, можно получать Production Ready приложение, готовое к развёртыванию на сервере по 500 MB. + собранный в один бандл html, в котором всё пожато до 300 KB и можно отправлять прототип на обсуждение.

Skills можно развернуть и в веб-интерфейсе клода и заменить стандартные артефакты на web-artifacts-builder, написал как установить web-artifacts-builder на эту тему https://mixait.ru/sozdanie-sovremennogo-dizajna-v-claude/ + там есть примеры с результатами генерации.

p.s. При желании, можно взять стилистику вашей компании, и создавать интерфейсы, лендинги, презентации, в стилистике нужной организации.

Показать полностью 3
Отличная работа, все прочитано!

Темы

Политика

Теги

Популярные авторы

Сообщества

18+

Теги

Популярные авторы

Сообщества

Игры

Теги

Популярные авторы

Сообщества

Юмор

Теги

Популярные авторы

Сообщества

Отношения

Теги

Популярные авторы

Сообщества

Здоровье

Теги

Популярные авторы

Сообщества

Путешествия

Теги

Популярные авторы

Сообщества

Спорт

Теги

Популярные авторы

Сообщества

Хобби

Теги

Популярные авторы

Сообщества

Сервис

Теги

Популярные авторы

Сообщества

Природа

Теги

Популярные авторы

Сообщества

Бизнес

Теги

Популярные авторы

Сообщества

Транспорт

Теги

Популярные авторы

Сообщества

Общение

Теги

Популярные авторы

Сообщества

Юриспруденция

Теги

Популярные авторы

Сообщества

Наука

Теги

Популярные авторы

Сообщества

IT

Теги

Популярные авторы

Сообщества

Животные

Теги

Популярные авторы

Сообщества

Кино и сериалы

Теги

Популярные авторы

Сообщества

Экономика

Теги

Популярные авторы

Сообщества

Кулинария

Теги

Популярные авторы

Сообщества

История

Теги

Популярные авторы

Сообщества