# Шаг 1: Просканируйте 65 ведущих источников информации для фронтенда.

Вам необходимо найти следующие 65 актуальных тем, связанных с технологиями, для фронтенд-разработчиков и организаций (за последние 7 дней):

## 🏢 Институциональные счета (17)

@reactjs, @vuejs, @angular, @sveltejs, @nextjs, @vercel, @remix_run, @astrodotbuild, @vite_js, @webpack, @tailwindcss, @typescript, @nodejs, @denoland, @bunjavascript, @stackblitz, @codesandbox

## 👤 Личные аккаунты (48)

@dan_abramov, @sebmarkbage, @acdlite, @sophiebits, @youyuxi, @patak_dev, @antfu7, @shuding_, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @ryanflorence, @mjackson, @remix_run, @wesbos, @addyosmani, @paul_irish, @jaffathecake, @argyleink, @Una, @chriscoyier, @sarah_edo, @cassidoo, @housecor, @getify, @BrendanEich, @slicknet, @cramforce, @mathias, @ericwbailey, @mmatuzo, @heydonworks, @steveworkman, @jensimmons, @rachelandrew, @smashingmag, @csswizardry, @mgechev, @samccone, @_developit, @Rich_Harris, @truedm, @sebmck, @jamiebuilds, @left_pad, @devongovett

## Метод сканирования

Используйте поиск Google для поиска технической информации, относящейся к этим аккаунтам, применяя оптимизированную стратегию поиска:

**Первая группа: Ключевые специалисты по фронтенд-разработке** (Приоритетный поиск, высочайшее качество)

- Аккаунты: @dan_abramov, @youyuxi, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @addyosmani, @jaffathecake

- Формат поиска: `@dan_abramov OR @youyuxi OR @rauchg OR @leeerob OR @shadcn OR @t3dotgg OR @kentcdodds OR @addyosmani OR @jaffathecake tool library framework performance optimization tutorial`

- Временной диапазон: свежесть = неделя

- category="general" (Использование категории "general" даст наилучшие результаты)

**Вторая партия: Официальные аккаунты Framework**

- Аккаунты: @reactjs, @vuejs, @nextjs, @vercel, @sveltejs, @remix_run, @astrodotbuild, @vite_js, @tailwindcss, @typescript

- Формат поиска: `@reactjs OR @vuejs OR @nextjs OR @vercel OR @sveltejs OR @remix_run OR @astrodotbuild OR @vite_js OR @tailwindcss OR @typescript release update feature`

- Временной диапазон: свежесть = неделя

- category="general"

**Третья группа: Другие специалисты по фронтенду**

- Аккаунты: @antfu7, @shuding_, @wesbos, @paul_irish, @argyleink, @Una, @chriscoyier, @cassidoo, @Rich_Harris

- Формат поиска: `@antfu7 ИЛИ @shuding_ ИЛИ @wesbos ИЛИ @paul_irish ИЛИ @argyleink ИЛИ @Una ИЛИ @chriscoyier ИЛИ @cassidoo ИЛИ @Rich_Harris tip best practice pattern`

- Временной диапазон: свежесть = неделя

- category="general"

**4-я группа: Инструменты и среды выполнения**

- Аккаунты: @nodejs, @denoland, @bunjavascript, @webpack, @stackblitz, @codesandbox

- Формат поиска: `@nodejs OR @denoland OR @bunjavascript OR @webpack OR @stackblitz OR @codesandbox performance release`

- Временной диапазон: свежесть = неделя

- category="general"

**Пятая группа: эксперты по доступности и CSS**

- Аккаунты: @ericwbailey, @mmatuzo, @heydonworks, @csswizardry, @smashingmag

- Формат поиска: `@ericwbailey OR @mmatuzo OR @heydonworks OR @csswizardry OR @smashingmag accessibility pattern`

- Временной диапазон: свежесть = неделя

- category="general"

## Ключевые моменты

- **Не** используйте `excludeDomains` или `includeDomains`; позвольте Google выполнить сортировку естественным образом.

- **Не** ограничивайте поиск конкретными веб-сайтами; позвольте алгоритму выдавать наиболее релевантные результаты.

**Ключевой момент:** Используйте точные комбинации ключевых слов, чтобы естественным образом занимать высокие позиции в поисковой выдаче по высококачественным техническим статьям.

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

Переходите ко второму шагу.

# Шаг 2: Интеллектуальная фильтрация и классификация

Отфильтруйте результаты поиска, чтобы найти контент, соответствующий следующим критериям:

## ✅ Критерии сохранения (приоритетный порядок)

1. **Подробные технические статьи** (наивысший приоритет)

- Оригинальные статьи в моем личном техническом блоге

- Официальная документация и список изменений

— Учебные пособия для технических платформ (Dev.to, Medium, CSS-Tricks и др.)

- Файл README и документация для репозитория GitHub

2. **Коммунальные услуги и библиотеки**

- Новые или обновленные инструменты, библиотеки и фреймворки для фронтенд-разработки

- Содержит инструкции по использованию и примеры кода.

3. **Методы разработки и лучшие практики**

- Методы программирования, которые можно применять напрямую.

- Методы оптимизации производительности

- Шаблоны архитектурного проектирования

4. **Официальное обновление**

— Примечания к обновлению версии фреймворка

- Документация по изменениям API

- Руководство по миграции

5. **Высококачественные твиты** (в качестве дополнения)

— Сохраняется только в том случае, если твит содержит полное техническое описание или ссылку на качественную статью.

— Сам твит содержит много полезной информации, включая примеры кода и подробные пояснения.

## ❌ Стандарты фильтрации

- Твиты, имеющие исключительно социальный характер (лайки, ретвиты, простые комментарии)

- Нетехнический контент, такой как личная жизнь, подбор персонала и продвижение конференций.

- Контент, который слишком прост или слишком узкоспециализирован.

— Дублирующаяся или аналогичная информация

- Новостные и информационные материалы (за исключением технических подробностей)

— Ссылки на видео и подкасты (предпочтительно текстовые).

- Маркетингово-ориентированное продвижение продукции

## 📊 Система классификации

Отфильтрованный контент разделен на следующие категории:

1. **🛠️ Инструменты и библиотеки**: Новые инструменты, обновления библиотек и полезные плагины.

2. **⚡ Оптимизация производительности**: Методы повышения производительности и решения по оптимизации.

3. **💡 Навыки разработки**: Методы и лучшие практики программирования

4. **🎨 UI/UX**: Разработка интерфейса, анимация и методы стилизации.

5. **Архитектура и шаблоны:** Архитектурное проектирование и шаблоны проектирования.

6. **🔧 Рабочий процесс**: Оптимизация процесса разработки и набора инструментов.

7. **📱 Кроссплатформенность:** Разработка мобильных и десктопных приложений

8. **Новые возможности**: Новые возможности в фреймворках/браузерах

9. **♿ Доступность**: лучшие практики обеспечения доступности веб-сайтов

## 🎯 Оценка качества контента

Предпочтительный выбор:

- Статьи с полными примерами кода

- Содержание с описанием сценариев практического применения.

- Статьи, содержащие данные о производительности или результаты сравнительных тестов.

- Официальная документация и авторитетные источники

— Подробные материалы из личного блога разработчика.

Переходите к третьему шагу.

# Шаг 3: Создание документа еженедельного отчета

На основе отфильтрованного и классифицированного контента сгенерируйте структурированный еженедельный отчет по разработке интерфейса пользователя:

## 📝 Структура еженедельного отчета

«markdown»

# Самые информативные статьи недели по фронтенд-разработке ([диапазон дат])

## 1. **[Заголовок - Ориентация на практическую ценность]**

**Краткое содержание:** Основные вопросы или темы, обсуждаемые в статье.

**Обоснование рекомендации**: В отличие от аннотации (в которой указывается «что это такое», а в обосновании рекомендации говорится «почему»), одно предложение объясняет, «почему» стоит прочитать эту книгу.

**Ссылка на статью:** https://example.com/article-url

---

[Повторите указанный выше формат]

```

## ✍️ Требования к письменной работе

1. **Перевод заголовка статьи**:

- **Заголовок статьи на английском языке необходимо перевести на китайский.**

- Сохраните исходную ссылку без изменений.

- Формат заголовка: Используйте заголовки на китайском языке напрямую, не используйте формат ссылок Markdown.

Пример: Как оптимизировать производительность React

2. **Формат ссылки на статью** (Важно):

— **Полный URL-адрес должен отображаться напрямую.**

— **Не используйте форматы ссылок Markdown, такие как [цитата](url) или [текст](url).**

- Формат: **Ссылка на статью**: https://example.com/article-url

- Правильный пример: **Ссылка на статью**: https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance

- Пример ошибки: **Ссылка на статью**: [цитата](https://example.com) или [нажмите здесь](https://example.com)

3. **Краткость и ясность:** Каждый фрагмент текста должен содержать не более 100-200 слов.

4. **Акцент на практичность:** Подчеркните, как применять технологию и какие проблемы она решает.

5. **Сохраните исходную ссылку:**

— Если это техническая статья, используйте URL статьи.

— Если это твит, используйте URL-адрес твита.

— Убедитесь, что ссылка доступна.

6. **Китайские выражения:** Используйте понятный китайский язык; сохраняйте английский для технических терминов.

7. **Формат времени публикации:** Используйте формат ГГГГ-ММ-ДД (например, 2026-04-09) и не указывайте конкретное время.

## 📊 Принципы представления контента

1. **Приоритетное отображение технических статей:** Если по одной и той же теме есть и статьи, и твиты, статьи будут отображаться первыми.

2. **Поддерживайте разнообразие:** Обеспечьте охват различных типов контента (инструменты, учебные пособия, документация и т. д.).

3. **Ориентируйтесь на практичность:** Каждый фрагмент контента должен иметь очевидную практическую ценность.

4. **Укажите контекст:** Кратко объясните, почему этот контент заслуживает внимания.

## 🚫 Требования к форматированию

**Не включайте следующее:**

- Не добавляйте раздел "Тренды этой недели".

— Не добавляйте информацию о «времени генерации».

— Не добавляйте никаких заключительных или заключительных фраз.

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

Сформируйте полный еженедельный отчет.