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
engram v3.4.0 añade el plugin de Anthropic para mantener a Claude Code funcionando bajo los nuevos límites de tasa
engram v3.4.0 presenta un plugin dedicado de Anthropic para Claude Code, añadiendo tres habilidades para gestionar costos, consultar contexto y mostrar errores. Instálelo con `/plugin install engram` o `npm install -g engramx@latest`.
ClawCut Proxy Publicado en GitHub para Optimizar OpenClaw para Pequeños LLMs
ClawCut es un proxy experimental que manipula, inyecta llamadas JSON y extrae el desorden JSON de OpenClaw para reducir la sobrecarga cognitiva en modelos pequeños (7B-8B) que se ejecutan en hardware limitado.
9 Habilidades de Código Gratuitas de Claude para Flujos de Trabajo de Investigación Médica
Un investigador en radiología ha liberado como código abierto 9 habilidades de Claude Code que cubren el flujo de trabajo de investigación médica, desde la búsqueda bibliográfica hasta la preparación del manuscrito. Las habilidades incluyen búsqueda en PubMed con verificación anti-alucinación, generación de código para análisis estadístico y creación de figuras listas para publicación.
Por qué la salida de la interfaz de Claude Code se desvía y cómo una especificación estructurada lo soluciona
Un desarrollador explica que la salida inconsistente de UI de Claude Code no es un problema de prompt, sino de formato. Proporcionar códigos hex exactos, pesos de fuente, espaciado, estados de pantalla y transiciones elimina la deriva. También publicó como código abierto un servidor MCP que convierte grabaciones de pantalla en especificaciones estructuradas.