Habilidad de Agente de Código Abierto para Patrones de TypeScript, React y Next.js
Un desarrollador ha publicado una Habilidad de Agente de código abierto—una referencia estructurada en markdown—destinada a mejorar cómo los asistentes de IA para programación generan y revisan código para proyectos de TypeScript, React y Next.js.
Qué es
La habilidad es una referencia de 4.000 líneas contenida en 17 archivos. No es un tutorial ni un paquete npm, sino un documento para que los agentes de IA lo consuman. Fue creada para abordar problemas recurrentes que el autor encontró con el código frontend generado por IA, incluyendo:
- Usar aserciones de tipo
as Useren respuestas de API en lugar de validación en tiempo de ejecución. - Colocar directivas
"use client"en páginas completas de manera incorrecta. - Escribir hooks
useEffectcon dependencias de objetos inestables. - No distinguir entre errores reales y meras preferencias de estilo durante la revisión de código.
Características clave y estructura
La referencia está estructurada con etiquetas específicas para guiar las decisiones del agente:
- [REGLAS ESTRICTAS]: Patrones que deben seguirse.
- [PREDETERMINADO]: Enfoques estándar recomendados.
- [SITUACIONAL]: Patrones para aplicar solo en contextos específicos.
Incluye diagramas de flujo de decisiones para ayudar a los agentes a elegir el patrón correcto, tres manuales de depuración para errores de tipo, problemas de hidratación y problemas con useEffect, y heurísticas de revisión de código que separan riesgos reales de preferencias estilísticas.
Instalación y compatibilidad
Para instalar, ejecuta:
git clone https://github.com/leejpsd/typescript-react-patterns ~/.claude/skills/typescript-react-patternsEl autor afirma que funciona con Claude Code, Cursor, Codex y Gemini CLI. Se solicita retroalimentación sobre patrones faltantes o guías incorrectas.
📖 Read the full source: r/ClaudeAI
👀 Ver también
Tu Herramienta de Participación Justa: Calcula Tu Parte Equitativa de las Ganancias de la Empresa
Un desarrollador creó una herramienta web utilizando Claude Code y Vercel que calcula cuál sería tu parte equitativa de las ganancias anuales de tu empleador basándose en los informes SEC 10-K. La herramienta muestra cifras específicas como los $747,000 por empleado de Apple y los $2.8 millones por empleado de NVIDIA.
OnUI: Extensión de Navegador para Retroalimentación Precisa de la Interfaz de Usuario en Claude Code
OnUI es una extensión de navegador que te permite anotar elementos de páginas web y exportar informes estructurados para Claude Code a través de MCP local, eliminando descripciones ambiguas de la interfaz de usuario. Desarrollada principalmente con Claude Code, es gratuita, de código abierto y está disponible para Chrome, Edge y Firefox.
ClawCodex /modo asesor: Combine trabajador barato con revisor caro para reducir costos sin perder calidad
ClawCodex, el agente de codificación Python de código abierto, agrega un modo /advisor que combina un modelo de trabajo barato (Haiku) con un revisor costoso (Opus) en puntos de decisión, reduciendo costos varias veces sin sacrificar el criterio arquitectónico.
Usando OpenAI Codex IDE con modelos locales de Ollama en VSCodium.
El IDE de OpenAI Codex se puede configurar para trabajar con modelos locales de Ollama en VSCodium utilizando configuraciones específicas en el archivo config.toml.