prototype-to-production
Acerca de
Esta habilidad convierte prototipos de diseño desde HTML, CSS o exportaciones de Figma en componentes React tipados y listos para producción. Analiza la estructura para extraer tokens de diseño e identificar patrones reutilizables, adaptándose a tu stack tecnológico existente. Úsala para automatizar la transformación de iteraciones de diseño en código limpio y mantenible.
Instalación rápida
Claude Code
Recomendadonpx skills add aiskillstore/marketplace -a claude-code/plugin add https://github.com/aiskillstore/marketplacegit clone https://github.com/aiskillstore/marketplace.git ~/.claude/skills/prototype-to-productionCopia y pega este comando en Claude Code para instalar esta habilidad
Repositorio GitHub
Habilidades relacionadas
prototype-to-production
OtroEsta habilidad convierte prototipos de diseño (HTML, CSS, exportaciones de Figma) en componentes React tipados listos para producción. Analiza la estructura para extraer tokens de diseño e identificar patrones reutilizables, adaptándose a tu stack tecnológico existente. Úsala para transformar prototipos o archivos de iteración de diseño en código de componentes limpio y mantenible.
PKI and X.509
MetaEsta habilidad de Claude proporciona orientación experta sobre PKI y gestión de certificados X.509 para desarrolladores que trabajan con seguridad digital. Cubre la estructura de certificados, generación de CSR, firma de certificados, revocación (CRL/OCSP) y comandos de OpenSSL. Utilice esta habilidad al implementar autoridades de certificación, gestionar claves criptográficas o manejar cualquier operación relacionada con X.509.
Skill Builder
MetaEsta habilidad ayuda a los desarrolladores a crear Claude Code Skills listos para producción con un frontmatter YAML adecuado y una estructura de directorios correcta. Genera habilidades personalizadas para flujos de trabajo específicos y proporciona plantillas que siguen las especificaciones de Claude. Úsala al construir habilidades que Claude pueda descubrir autónomamente en todas las superficies.
security-assessor
DiseñoEsta habilidad se activa automáticamente durante el análisis de requisitos para evaluar los riesgos de seguridad utilizando el marco OWASP Top 10. Identifica los requisitos de seguridad y recomienda estrategias de mitigación, ayudando a los desarrolladores a implementar funcionalidades seguras por diseño.
