# Etapa 1: Analise 65 fontes de informação de front-end principais

Você precisa pesquisar os seguintes 65 tópicos mais recentes relacionados à tecnologia para desenvolvedores front-end e organizações (nos últimos 7 dias):

## 🏢 Contas Institucionais (17)

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

## 👤 Contas pessoais (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, @trueadm, @sebmck, @jamiebuilds, @left_pad, @devongovett

## Método de digitalização

Utilize a Busca do Google para pesquisar conteúdo técnico relacionado a essas contas, empregando uma estratégia de busca otimizada:

**Primeiro lote: Especialistas em Front-End** (Busca prioritária, maior qualidade)

- Contas: @dan_abramov, @youyuxi, @rauchg, @leeerob, @shadcn, @t3dotgg, @kentcdodds, @addyosmani, @jaffathecake

- Formato de pesquisa: `@dan_abramov OU @youyuxi OU @rauchg OU @leeerob OU @shadcn OU @t3dotgg OU @kentcdodds OU @addyosmani OU @jaffathecake tutorial de otimização de desempenho de framework de biblioteca de ferramentas`

- Período de tempo: frescor="semana"

- categoria="geral" (Usar a categoria geral produzirá os melhores resultados)

**Segundo Lote: Contas Oficiais do Framework**

- Contas: @reactjs, @vuejs, @nextjs, @vercel, @sveltejs, @remix_run, @astrodotbuild, @vite_js, @tailwindcss, @typescript

- Formato de pesquisa: `@reactjs OU @vuejs OU @nextjs OU @vercel OU @sveltejs OU @remix_run OU @astrodotbuild OU @vite_js OU @tailwindcss OU @typescript recurso de atualização de versão`

- Período de tempo: frescor="semana"

- categoria="geral"

**Terceiro lote: Outros especialistas em front-end**

- Contas: @antfu7, @shuding_, @wesbos, @paul_irish, @argyleink, @Una, @chriscoyier, @cassidoo, @Rich_Harris

- Formato de pesquisa: `@antfu7 OU @shuding_ OU @wesbos OU @paul_irish OU @argyleink OU @Una OU @chriscoyier OU @cassidoo OU @Rich_Harris dica padrão de melhor prática`

- Período de tempo: frescor="semana"

- categoria="geral"

**Lote 4: Ferramentas e Tempos de Execução**

- Contas: @nodejs, @denoland, @bunjavascript, @webpack, @stackblitz, @codesandbox

- Formato de pesquisa: `@nodejs OU @denoland OU @bunjavascript OU @webpack OU @stackblitz OU @codesandbox performance release`

- Período de tempo: frescor="semana"

- categoria="geral"

**Quinta Turma: Especialistas em Acessibilidade e CSS**

- Contas: @ericwbailey, @mmatuzo, @heydonworks, @csswizardry, @smashingmag

- Formato de pesquisa: `@ericwbailey OU @mmatuzo OU @heydonworks OU @csswizardry OU @smashingmag padrão de acessibilidade`

- Período de tempo: frescor="semana"

- categoria="geral"

## Pontos-chave

- **Não use** `excludeDomains` ou `includeDomains`; deixe o Google classificar naturalmente.

- **Não** limite a pesquisa a sites específicos; deixe o algoritmo retornar os resultados mais relevantes.

**Ponto-chave:** Use combinações precisas de palavras-chave para obter uma classificação alta e orgânica para artigos técnicos de alta qualidade.

- **Estratégia:** Realizar buscas em lotes para garantir a cobertura de todas as fontes, utilizando palavras-chave ligeiramente diferentes em cada lote para corresponder a diferentes tipos de conteúdo.

Continue com o passo dois.

Etapa 2: Filtragem e Classificação Inteligentes

Filtre os resultados da pesquisa para encontrar conteúdo que atenda aos seguintes critérios:

## ✅ Critérios de Retenção (Ordem de Prioridade)

1. **Artigos técnicos aprofundados** (prioridade máxima)

- Artigos originais no meu blog técnico pessoal

- Documentação oficial e registro de alterações

- Tutoriais para plataformas técnicas (Dev.to, Medium, CSS-Tricks, etc.)

- Arquivo README e documentação para o repositório GitHub

2. **Serviços Públicos e Bibliotecas**

- Ferramentas, bibliotecas e frameworks front-end recém-lançados ou atualizados

- Inclui instruções de uso e exemplos de código

3. **Técnicas de Desenvolvimento e Melhores Práticas**

- Técnicas de código que podem ser aplicadas diretamente

- Métodos de otimização de desempenho

- Padrões de Projeto Arquitetônico

4. **Atualização Oficial**

- Notas sobre a atualização da versão do framework

- Documentação de alteração da API

- Guia de Migração

5. **Tweets de alta qualidade** (como complemento)

- Mantido apenas se o tweet contiver uma descrição técnica completa ou um link para um artigo de alta qualidade.

- O próprio tweet é rico em conteúdo, incluindo exemplos de código e explicações detalhadas.

## ❌ Padrões de Filtragem

- Tweets que são puramente sociais por natureza (curtidas, retweets, comentários simples)

- Conteúdo não técnico, como vida pessoal, recrutamento e divulgação de conferências.

Conteúdo muito básico ou muito específico

- Informações duplicadas ou semelhantes

- Conteúdo de notícias e informações (a menos que contenha detalhes técnicos)

- Links para vídeos e podcasts (conteúdo em texto é preferencial)

- Promoção de produtos com foco em marketing

## 📊 Sistema de Classificação

O conteúdo filtrado está dividido nas seguintes categorias:

1. **🛠️ Ferramentas e Bibliotecas**: Novas ferramentas, atualizações de bibliotecas e plugins úteis.

2. **⚡ Otimização de Desempenho**: Técnicas de aprimoramento de desempenho e soluções de otimização

3. **💡 Habilidades de Desenvolvimento**: Técnicas de Programação e Melhores Práticas

4. **🎨 UI/UX**: Desenvolvimento de interface, animação e técnicas de estilização

5. **Arquitetura e Padrões:** Projeto arquitetônico e padrões de projeto

6. **🔧 Fluxo de trabalho**: Otimização do processo de desenvolvimento e da cadeia de ferramentas

7. **📱 Multiplataforma:** Desenvolvimento para dispositivos móveis e desktops

8. **Novos Recursos**: Novos recursos em frameworks/navegadores

9. **♿ Acessibilidade**: Melhores Práticas para Acessibilidade na Web

## 🎯 Avaliação da Qualidade do Conteúdo

Opção preferida:

- Artigos com exemplos de código completos

- Conteúdo com descrições de cenários de aplicação prática

- Artigos que contenham dados de desempenho ou testes comparativos

- Documentação oficial e fontes fidedignas

Compartilhamento detalhado do blog pessoal de um desenvolvedor

Continue com o passo três.

Etapa 3: Gerar o documento de relatório semanal

Com base no conteúdo filtrado e categorizado, gere um relatório semanal estruturado de desenvolvimento front-end:

## 📝 Estrutura do Relatório Semanal

```markdown

# Os X artigos mais informativos desta semana sobre desenvolvimento front-end ([intervalo de datas])

## 1. **[Título - Focando no Valor Prático]**

**Resumo:** Os principais temas ou questões abordados no artigo.

**Motivo da recomendação**: Uma única frase explica "por que vale a pena ler", diferentemente de um resumo (que afirma "o que é", enquanto o motivo da recomendação afirma "por que").

**Link do artigo:** https://example.com/article-url

---

[Repita o formato acima]

```

## ✍️ Requisitos de Escrita

1. **Tradução do título do artigo**:

- **O título do artigo em inglês deve ser traduzido para chinês.**

- Mantenha o link original inalterado

- Formato do título: Use títulos em chinês diretamente, não use o formato de link Markdown.

Exemplo: Como otimizar o desempenho do React

2. **Formato do link do artigo** (Importante):

- **O endereço URL completo deve ser exibido diretamente.**

- **Não utilize formatos de link Markdown como [citação](url) ou [texto](url).**

- Formato: **Link do artigo**: https://example.com/article-url

Exemplo correto: **Link do artigo**: https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance

- Exemplo de erro: **Link do artigo**: [citação](https://example.com) ou [clique aqui](https://example.com)

3. **Conciso e claro:** Cada conteúdo deve ter entre 100 e 200 palavras.

4. **Ênfase na Praticidade:** Dê ênfase em como aplicar a tecnologia e quais problemas ela resolve.

5. **Mantenha o link original:**

- Se for um artigo técnico, use o URL do artigo.

- Se for um tweet, use o URL do tweet.

- Certifique-se de que o link esteja acessível.

6. **Expressões em chinês:** Use chinês claro; reserve o inglês para termos técnicos.

7. **Formato da data de publicação:** Utilize o formato AAAA-MM-DD (ex.: 2026-04-09) e não inclua a hora específica.

## 📊 Princípios de Apresentação de Conteúdo

1. **Priorizar a exibição de artigos técnicos:** Se houver artigos e tweets sobre o mesmo tópico, os artigos serão exibidos primeiro.

2. **Manter a diversidade:** Garantir a cobertura de diferentes tipos de conteúdo (ferramentas, tutoriais, documentação, etc.)

3. **Foque na praticidade:** Cada conteúdo deve ter um valor de aplicação claro.

4. **Forneça contexto:** Explique brevemente por que vale a pena prestar atenção a esse conteúdo.

## 🚫 Requisitos de formatação

**Não inclua o seguinte:**

- Não adicione uma seção "Tendências desta semana".

- Não adicione informações de "Tempo de Geração".

- Não adicione nenhum resumo ou conteúdo final.

Mantenha seu relatório semanal limpo e conciso, contendo apenas uma lista de artigos selecionados.

Gere um relatório semanal completo.