# Paso 1: Analizar 65 fuentes de información de front-end de primer nivel

Debes buscar los siguientes 65 temas más recientes relacionados con la tecnología para desarrolladores front-end y organizaciones (de los últimos 7 días):

## 🏢 Cuentas institucionales (17)

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

## 👤 Cuentas personales (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 escaneo

Utilice la Búsqueda de Google para buscar contenido técnico relacionado con estas cuentas, empleando una estrategia de búsqueda optimizada:

**Primer lote: Expertos en desarrollo front-end** (Búsqueda prioritaria, máxima calidad)

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

- Formato de búsqueda: `@dan_abramov O @youyuxi O @rauchg O @leeerob O @shadcn O @t3dotgg O @kentcdodds O @addyosmani O @jaffathecake tutorial de optimización del rendimiento del framework de la biblioteca de herramientas`

- Intervalo de tiempo: frescura="semana"

- categoría="general" (Utilizar la categoría general dará los mejores resultados)

**Segundo lote: Cuentas oficiales del marco de trabajo**

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

- Formato de búsqueda: `@reactjs O @vuejs O @nextjs O @vercel O @sveltejs O @remix_run O @astrodotbuild O @vite_js O @tailwindcss O @typescript release update feature`

- Intervalo de tiempo: frescura="semana"

- categoría="general"

**Tercer grupo: Otros expertos en desarrollo front-end**

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

- Formato de búsqueda: `@antfu7 O @shuding_ O @wesbos O @paul_irish O @argyleink O @Una O @chriscoyier O @cassidoo O @Rich_Harris consejo patrón de mejores prácticas`

- Intervalo de tiempo: frescura="semana"

- categoría="general"

**Lote 4: Herramientas y entornos de ejecución**

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

- Formato de búsqueda: `@nodejs O @denoland O @bunjavascript O @webpack O @stackblitz O @codesandbox lanzamiento de rendimiento`

- Intervalo de tiempo: frescura="semana"

- categoría="general"

**Quinta promoción: Expertos en accesibilidad y CSS**

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

- Formato de búsqueda: `@ericwbailey O @mmatuzo O @heydonworks O @csswizardry O @smashingmag patrón de accesibilidad`

- Intervalo de tiempo: frescura="semana"

- categoría="general"

## Puntos clave

- **No** utilice `excludeDomains` ni `includeDomains`; deje que Google ordene de forma natural.

- **No** limites la búsqueda a sitios web específicos; deja que el algoritmo devuelva los resultados más relevantes.

**Punto clave:** Utilice combinaciones precisas de palabras clave para posicionarse de forma natural en los primeros puestos de los resultados de búsqueda para artículos técnicos de alta calidad.

- **Estrategia:** Realizar búsquedas por lotes para asegurar la cobertura de todas las fuentes, utilizando en cada lote palabras clave ligeramente diferentes para que coincidan con los distintos tipos de contenido.

Continúa con el paso dos.

# Paso 2: Filtrado y clasificación inteligentes

Filtra los resultados de la búsqueda para encontrar contenido que cumpla con los siguientes criterios:

## ✅ Criterios de retención (Orden de prioridad)

1. **Artículos técnicos en profundidad** (máxima prioridad)

- Artículos originales en mi blog técnico personal

- Documentación oficial y registro de cambios

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

- README y documentación para el repositorio de GitHub

2. **Utilidades y bibliotecas**

- Herramientas, bibliotecas y frameworks de front-end de reciente lanzamiento o actualizados.

- Incluye instrucciones de uso y ejemplos de código.

3. **Técnicas de desarrollo y mejores prácticas**

- Técnicas de codificación que se pueden aplicar directamente

- Métodos de optimización del rendimiento

- Patrones de diseño arquitectónico

4. **Actualización oficial**

- Notas de actualización de la versión del framework

- Documentación de cambios de la API

- Guía de migración

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

- Se conservará únicamente si el tuit contiene una descripción técnica completa o un enlace a un artículo de alta calidad.

- El tuit en sí es muy completo, ya que incluye ejemplos de código y explicaciones detalladas.

## ❌ Estándares de filtración

- Tweets de carácter puramente social (me gusta, retweets, comentarios simples)

- Contenido no técnico, como vida personal, reclutamiento y promoción de conferencias.

- Contenido demasiado básico o demasiado específico.

- Información duplicada o similar

- Noticias y contenido informativo (a menos que contenga detalles técnicos)

- Enlaces a vídeos y podcasts (se prefiere el contenido de texto)

- Promoción de productos orientada al marketing

## 📊 Sistema de clasificación

El contenido filtrado se divide en las siguientes categorías:

1. **🛠️ Herramientas y bibliotecas**: Nuevas herramientas, actualizaciones de bibliotecas y complementos útiles.

2. **⚡ Optimización del rendimiento**: Técnicas de mejora del rendimiento y soluciones de optimización.

3. **💡 Habilidades de desarrollo**: Técnicas de codificación y mejores prácticas

4. **🎨 UI/UX**: Desarrollo de interfaces, animación y técnicas de estilismo

5. **Arquitectura y patrones:** Diseño arquitectónico y patrones de diseño

6. **🔧 Flujo de trabajo**: Optimización del proceso de desarrollo y del conjunto de herramientas.

7. **📱 Multiplataforma:** Desarrollo para dispositivos móviles y de escritorio

8. **Nuevas funcionalidades**: Nuevas funcionalidades en frameworks/navegadores

9. **♿ Accesibilidad**: Mejores prácticas para la accesibilidad web

## 🎯 Evaluación de la calidad del contenido

Opción preferida:

- Artículos con ejemplos de código completos

- Contenido con descripciones de escenarios de aplicación práctica

- Artículos que contienen datos de rendimiento o pruebas comparativas

- Documentación oficial y fuentes autorizadas

- Información detallada del blog personal de un desarrollador

Continúe con el paso tres.

# Paso 3: Generar el documento del informe semanal

Con base en el contenido filtrado y categorizado, genere un informe semanal estructurado de desarrollo front-end:

## 📝 Estructura del informe semanal

```rebaja

# Los X artículos más informativos de esta semana sobre desarrollo front-end ([rango de fechas])

## 1. **[Título - Centrándonos en el valor práctico]**

**Resumen:** Los temas o cuestiones centrales que se tratan en el artículo.

**Motivo de la recomendación**: Una sola frase explica "por qué vale la pena leerlo", a diferencia de un resumen (que indica "qué es", mientras que el motivo de la recomendación indica "por qué").

**Enlace al artículo:** https://example.com/article-url

---

[Repita el formato anterior]

```

## ✍️ Requisitos de redacción

1. **Traducción del título del artículo**:

- **El título del artículo en inglés debe traducirse al chino.**

- Mantén el enlace original sin cambios.

- Formato del título: Utilice títulos en chino directamente, no utilice el formato de enlace Markdown.

Ejemplo: Cómo optimizar el rendimiento de React

2. **Formato del enlace del artículo** (Importante):

- **La dirección URL completa debe mostrarse directamente.**

- **No utilice formatos de enlace Markdown como [citación](url) o [texto](url).**

- Formato: **Enlace al artículo**: https://example.com/article-url

- Ejemplo correcto: **Enlace al artículo**: https://shadcnstudio.com/blog/how-to-optimize-shadcn-performance

- Ejemplo de error: **Enlace al artículo**: [citación](https://example.com) o [haga clic aquí](https://example.com)

3. **Conciso y claro:** Cada texto debe limitarse a entre 100 y 200 palabras.

4. **Énfasis en la practicidad:** Enfatizar cómo aplicar la tecnología y qué problemas resuelve.

5. **Conserve el enlace original:**

- Si se trata de un artículo técnico, utilice la URL del artículo.

- Si se trata de un tuit, utilice la URL del tuit.

- Asegúrese de que el enlace sea accesible

6. **Expresiones en chino:** Utilice un chino claro; reserve el inglés para los términos técnicos.

7. **Formato de fecha y hora de publicación:** Utilice el formato AAAA-MM-DD (por ejemplo, 2026-04-09) y no incluya la hora específica.

## 📊 Principios de presentación de contenido

1. **Priorizar la visualización de artículos técnicos:** Si hay artículos y tweets sobre el mismo tema, los artículos se mostrarán primero.

2. **Mantener la diversidad:** Asegurar la cobertura de diferentes tipos de contenido (herramientas, tutoriales, documentación, etc.).

3. **Enfócate en la practicidad:** Cada pieza de contenido debe tener un valor de aplicación claro.

4. **Proporcione contexto:** Explique brevemente por qué vale la pena prestar atención a este contenido.

## 🚫 Requisitos de formato

**No incluya lo siguiente:**

- No añada una sección de "Tendencias de esta semana".

- No añada información sobre el "Tiempo de generación".

- No añada ningún resumen ni contenido final.

- Mantén tu informe semanal claro y conciso, conteniendo únicamente una lista de artículos seleccionados.

Generar un informe semanal completo.