Топ-статьи фронтенда недели
Инструкции
# Шаг 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. **Укажите контекст:** Кратко объясните, почему этот контент заслуживает внимания.
## 🚫 Требования к форматированию
**Не включайте следующее:**
- Не добавляйте раздел "Тренды этой недели".
— Не добавляйте информацию о «времени генерации».
— Не добавляйте никаких заключительных или заключительных фраз.
- Составляйте еженедельный отчет лаконично и кратко, указывая только список избранных статей.
Сформируйте полный еженедельный отчет.
Описание
Автоматически сканирует последние новинки от 65 ведущих фронтенд-разработчиков и организаций, с помощью оптимизированной стратегии поиска естественно получает качественные технические статьи, блоги и официальную документацию. Разработан для фронтенд-разработчиков, фокусируется на практических технологиях, оптимизации производительности, новых возможностях и улучшении рабочих процессов.
Похожие скиллы
Посмотреть все
Обзор фронтенда X за неделю
Автоматически сканирует X-аккаунты 65 ведущих фронтенд-разработчиков и организаций, отфильтровывая новейшие инструменты, обновления фреймворков, лучшие практики и советы по разработке. Предназначен для фронтенд-разработчиков, фокусируется на практических технологиях, оптимизации производительности, новых функциях и улучшении рабочего процесса.
AI Дайджест недели
Автоматически сканирует аккаунты X 65 ведущих AI Builder, отбирает инструменты, которые можно сразу использовать, улучшения рабочих процессов и повторно используемые методологии. Создан для AI-создателей контента и энтузиастов, которые ищут только практические советы, без технических деталей.
ИсследованиеКачественные статьи по фронтенду
Интеллектуально агрегирует лучшие материалы с 9 ведущих фронтенд-платформ в один клик, автоматически классифицирует и оценивает, ежемесячно отбирает для вас самые ценные технические идеи, помогая всегда оставаться на передовой.
Топ-статьи фронтенда недели
Инструкции
# Шаг 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. **Укажите контекст:** Кратко объясните, почему этот контент заслуживает внимания.
## 🚫 Требования к форматированию
**Не включайте следующее:**
- Не добавляйте раздел "Тренды этой недели".
— Не добавляйте информацию о «времени генерации».
— Не добавляйте никаких заключительных или заключительных фраз.
- Составляйте еженедельный отчет лаконично и кратко, указывая только список избранных статей.
Сформируйте полный еженедельный отчет.
Описание
Автоматически сканирует последние новинки от 65 ведущих фронтенд-разработчиков и организаций, с помощью оптимизированной стратегии поиска естественно получает качественные технические статьи, блоги и официальную документацию. Разработан для фронтенд-разработчиков, фокусируется на практических технологиях, оптимизации производительности, новых возможностях и улучшении рабочих процессов.
Похожие скиллы
Посмотреть всеОбзор фронтенда X за неделю
Автоматически сканирует X-аккаунты 65 ведущих фронтенд-разработчиков и организаций, отфильтровывая новейшие инструменты, обновления фреймворков, лучшие практики и советы по разработке. Предназначен для фронтенд-разработчиков, фокусируется на практических технологиях, оптимизации производительности, новых функциях и улучшении рабочего процесса.
AI Дайджест недели
Автоматически сканирует аккаунты X 65 ведущих AI Builder, отбирает инструменты, которые можно сразу использовать, улучшения рабочих процессов и повторно используемые методологии. Создан для AI-создателей контента и энтузиастов, которые ищут только практические советы, без технических деталей.
ИсследованиеКачественные статьи по фронтенду
Интеллектуально агрегирует лучшие материалы с 9 ведущих фронтенд-платформ в один клик, автоматически классифицирует и оценивает, ежемесячно отбирает для вас самые ценные технические идеи, помогая всегда оставаться на передовой.
Найди свой следующий любимый скилл
Изучи больше отобранных AI-скиллов для исследований, творчества и повседневной работы.