Habilidad del Agente de Funciones Modernas de CSS: Implementar Prácticas CSS Modernas en Agentes de Codificación de IA
Hay una nueva habilidad para agentes en GitHub llamada css-modern-features que impone prácticas modernas de CSS según los navegadores objetivo de tu proyecto. Cubre más de 57 características de CSS en color, diseño, selectores, animación, tipografía, posicionamiento y patrones de componentes.
Cómo funciona
La habilidad se integra con agentes de IA de codificación y restringe la salida de CSS solo a características modernas y apropiadas para los navegadores objetivo. Por ejemplo, si tu proyecto apunta a navegadores modernos, preferirá display: grid sobre diseños basados en float, clamp() para tipografía fluida y :has() para selección de padres. Tú defines los navegadores objetivo y la habilidad ajusta qué características están permitidas.
Agentes compatibles
La habilidad funciona con:
- Claude Code
- Cursor
- Windsurf
- Codex
- Cline
- GitHub Copilot
Por qué es importante
Los agentes de IA de codificación generan con frecuencia CSS obsoleto (por ejemplo, float, clearfix, prefijos de proveedor) porque sus datos de entrenamiento incluyen código antiguo. Esta habilidad los obliga a usar características modernas, ahorrándote la refactorización manual. Es particularmente útil para equipos que mantienen bases de código que deben apuntar a versiones específicas de navegadores (por ejemplo, 'últimas 2 versiones' mediante Browserslist).
Repositorio: github.com/rushenn/css-modern-features
El hilo de Reddit (enlazado abajo) tiene más discusión de la comunidad sobre cómo personalizar el conjunto de características.
📖 Lee la fuente completa: r/ClaudeAI
👀 Ver también
Equipo Cerebro: Un Complemento de Memoria Compartida para Claude Code que Almacena el Conocimiento del Equipo en Git
Team Brain es un complemento de Claude Code que almacena el conocimiento del equipo en una carpeta .team-brain/ dentro de tu repositorio. Genera automáticamente un archivo BRAIN.md limitado a 180 líneas para una precisión óptima en las instrucciones de Claude y funciona en diversas herramientas creando archivos .cursorrules y AGENTS.md.
Anchormd: Una Herramienta para Gestionar Contexto en Sesiones de Claude AI
Anchormd es una herramienta de código abierto que aborda la pérdida de contexto en las sesiones de Claude AI indexando planes de markdown curados en un grafo de conocimiento consultable. Permite a los agentes cargar resúmenes de proyectos al inicio de cada sesión y consultar detalles específicos según sea necesario.
Strale.io ofrece una API gratuita de validación de IBAN y correo electrónico para agentes de IA sin necesidad de registro.
Strale.io ofrece una API gratuita con cinco capacidades que incluyen validación de IBAN, validación de correo electrónico, búsqueda DNS, conversión de URL a markdown y reparación de JSON. No se requiere registro ni clave de API, e incluye un servidor MCP para integración con Claude o Cursor.
Foreman: Bot de Slack de Código Abierto para el Control Remoto del Código Local de Claude
Foreman es un bot de Slack gratuito y de código abierto que proporciona control remoto para instancias locales de Claude Code. Permite a los desarrolladores enviar tareas a Claude desde su teléfono mientras mantienen acceso completo local al sistema de archivos, herramientas y entorno.