cc-skill-coding-standards
Aplicar Estándares de Código en Toda tu Base de Código
La calidad inconsistente del código conduce a errores y deuda técnica. Esta habilidad proporciona estándares de código universales, mejores prácticas y patrones para desarrollo en TypeScript, JavaScript, React y Node.js para ayudarte a escribir código limpio y mantenible.
Descargar el ZIP de la skill
Subir en Claude
Ve a Configuración → Capacidades → Skills → Subir skill
Activa y empieza a usar
Pruébalo
Usando "cc-skill-coding-standards". Review this function for coding standards compliance: function get(u) { return fetch(u).then(d=>d.json()) }
Resultado esperado:
Esta función viola múltiples estándares: nomenclatura poco clara (get, u, d), sin manejo de errores, sin seguridad de tipos, y retorna datos sin verificar response.ok. La versión refactorizada incluye: nombre descriptivo (fetchMarketData), tipos TypeScript adecuados, manejo exhaustivo de errores con try/catch, y validación de respuesta.
Usando "cc-skill-coding-standards". Generate a React button component following the standards
Resultado esperado:
Componente funcional con interfaz TypeScript (ButtonProps), tipos de props adecuados (children, onClick, disabled, variant), valores predeterminados para props opcionales, y estructura HTML semántica. Incluye propagación de props y composición de className.
Usando "cc-skill-coding-standards". Check if this code follows immutability patterns: user.name = 'New Name'; items.push(newItem);
Resultado esperado:
Este código viola el principio de inmutabilidad. La mutación directa de objetos y arrays causa efectos secundarios inesperados. Enfoque correcto: usar operador spread para objetos ({...user, name: 'New Name'}) y arrays ([...items, newItem]) para crear nuevas referencias en lugar de mutar las existentes.
Auditoría de seguridad
SeguroAll 73 static analysis findings are false positives. The detected patterns (backtick execution, weak crypto, system reconnaissance) are Markdown code blocks and documentation examples, not executable code. This is a pure documentation skill with no executable functionality. No security risks identified.
Problemas de riesgo bajo (3)
Puntuación de calidad
Lo que puedes crear
Asistente de Revisión de Código
Usa esta habilidad durante revisiones de código para validar que las pull requests siguen estándares de código establecidos y mejores prácticas.
Incorporación de Nuevos Desarrolladores
Ayuda a nuevos miembros del equipo a entender los estándares y convenciones de tu base de código proporcionando ejemplos y patrones consistentes.
Mejora de Calidad de Código
Aplica estos estándares al refactorizar código legacy para mejorar la mantenibilidad y reducir la deuda técnica.
Prueba estos prompts
Review this code against the coding standards and best practices defined in the cc-skill-coding-standards skill. Identify any violations and suggest improvements.
Refactor this code to follow TypeScript and React best practices from the cc-skill-coding-standards skill. Focus on immutability, error handling, and component structure.
Generate a [component/function/module] that follows the coding standards from cc-skill-coding-standards. Include proper types, error handling, and documentation.
Explain why this code violates the coding standards in cc-skill-coding-standards. Reference specific principles like KISS, DRY, or YAGNI.
Mejores prácticas
- Usar siempre nombres descriptivos para variables y funciones que expliquen la intención en lugar de formas abreviadas
- Aplicar patrones de inmutabilidad consistentemente usando operadores spread en lugar de mutación directa
- Implementar manejo exhaustivo de errores para operaciones async con bloques try/catch y validación de respuesta
- Usar tipos e interfaces de TypeScript en lugar de 'any' para mantener seguridad de tipos
Evitar
- Evitar mutación de objetos y arrays directamente - usar operadores spread o patrones de actualización inmutables
- No usar tipo 'any' en TypeScript - siempre definir interfaces adecuadas y anotaciones de tipo
- Nunca omitir manejo de errores en funciones async - siempre incluir try/catch con mensajes de error adecuados
- Evitar condicionales profundamente anidados - usar retornos tempranos y cláusulas de guarda para claridad
Preguntas frecuentes
¿Son obligatorios estos estándares de código para todos los proyectos?
¿Puedo usar estos estándares con lenguajes distintos a TypeScript y JavaScript?
¿Cómo hago cumplir estos estándares en mi equipo?
¿Qué pasa si los estándares entran en conflicto con mi base de código existente?
¿Reemplazan estos estándares la necesidad de revisiones de código?
¿Con qué frecuencia debo actualizar estos estándares?
Detalles del desarrollador
Autor
affaan-mLicencia
MIT
Repositorio
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/cc-skill-coding-standardsRef.
main
Estructura de archivos
📄 SKILL.md