MCP HubMCP Hub
Volver a habilidades

prototype-to-production

aiskillstore
Actualizado 6 days ago
7 vistas
162
7
162
Ver en GitHub
Otroreactdesign

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

Recomendado
Principal
npx skills add aiskillstore/marketplace -a claude-code
Comando PluginAlternativo
/plugin add https://github.com/aiskillstore/marketplace
Git CloneAlternativo
git clone https://github.com/aiskillstore/marketplace.git ~/.claude/skills/prototype-to-production

Copia y pega este comando en Claude Code para instalar esta habilidad

Repositorio GitHub

aiskillstore/marketplace
Ruta: skills/ariegoldkin/prototype-to-production
0
ai-skillsclaudeclaude-codeclaude-skillscodexcodex-skills

Habilidades relacionadas

prototype-to-production

Otro

Esta 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.

Ver habilidad

PKI and X.509

Meta

Esta 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.

Ver habilidad

Skill Builder

Meta

Esta 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.

Ver habilidad

security-assessor

Diseño

Esta 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.

Ver habilidad