skillsfree
💻 Desarrollo⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 y Blockchain🎭 Creativo📄 Documentación📊 Datos e IA💼 Negocios🤖 Automatización🔒 Seguridad✦ Otros
Selección GratuitaPrecios
⌘K
InicioSelección GratuitaPrecios
💻 Desarrollo⚙️ Backend🎨 Frontend🚀 DevOps⛓️ Web3 y Blockchain🎭 Creativo📄 Documentación📊 Datos e IA💼 Negocios🤖 Automatización🔒 Seguridad✦ Otros
skillsfree

Plataforma curada con más de 1500 skills de Claude AI. Descubre, aprende y mejora tu productividad.

Categorías

DesarrolloFrontendBackendDatos e IADocumentaciónDevOpsTodas las Categorías

Recursos

GitHubDocumentaciónReferencia APIClaude AI

Empresa

Sobre NosotrosContactoPreguntas Frecuentes

Legal

Política de PrivacidadTérminos de Servicio

© 2026 Claude Skills Free. Todos los derechos reservados.

Hecho con❤para la comunidad Claude

☀️
  1. Inicio
  2. ✦Frontend
  3. ✦Diseño de Frontend
⏱ Buscando en documentos→Frontend en una instalaciónPrueba y error otra vez→#frontend listo para usar

Diseño de Frontend

Crea interfaces de frontend de calidad de producción distintivas y con alta calidad de diseño. Usa esta habilidad cuando el usuario pida construir componentes web, páginas o aplicaciones. Genera código creativo y pulido que evita las estéticas genéricas de IA.

🎨 Frontend✦Transformación gratis✦7 idiomas

EN LO QUE TE CONVIERTES

Casos de Uso

Perfecto para estos escenarios

✦ 01📝

Redacción de Contratos

Crear contratos legales con cambios controlados y formato preservado

✦ 02📊

Generación de informes

Generar informes profesionales con formato y estilo coherentes

✦ 03💬

Edición colaborativa

Habilita la colaboración en equipo con comentarios y control de versiones

✦ 04🔍

Extracción de contenido

Extraer texto de documentos para su análisis o migración

GANANCIA MEDIBLE

Por Qué Elegir Esta Habilidad

Beneficios probados e impacto medible

50%

Preparación de Documentos más Rápida

Reduce a la mitad el tiempo dedicado al formateo manual y a las ediciones

30%

Reducción de Errores

Reduzca los errores de revisión con el seguimiento de cambios automático

40%

Eficiencia del equipo

Aumenta significativamente la velocidad del flujo de trabajo colaborativo de documentos

QUÉ INCLUYE

Qué hay dentro

Archivos, etiquetas y la instalación en tres pasos

Descarga o copia el archivo de habilidad desde el repositorio fuente.
Coloca el archivo en el directorio de habilidades de Claude — ~/.claude/skills/
Reinicia Claude o ejecuta el comando de recarga y la habilidad se cargará automáticamente.
$ cp mrgoonie__claudekit-skills/.claude/skills/frontend-design/skill.md ~/.claude/skills/

Consejo: Lee la documentación y el código antes del primer uso para saber qué hace y qué permisos necesita.

Etiquetas relacionadas

#frontend#react#vue

Información técnica

Autor
mrgoonie
Categoría
Frontend
Tamaño del archivo
4.23 KB
Repositorio fuente
mrgoonie__claudekit-skills
Licencia
MIT
Metadatos
Incluye metadatos YAML
Ver código fuente en GitHub

LLÉVATELO CONTIGO

Transformación gratis

Las habilidades gratis se descargan al iniciar sesión; instala y listo.

Todas las habilidades provienen de la comunidad de código abierto; los autores conservan sus derechos.

SIGUIENTES GUIONES

Habilidades Relacionadas

Recomendado según etiquetas y categoría

Ver Todas las Habilidades
🎨

Agentes

Gratis

Generar y mantener archivos AGENTS.md siguiendo la convención pública agents.md. Usar cuando se cree documentación para flujos de trabajo de agentes AI, guías de incorporación o cuando se estandaricen patrones de interacción de agentes en proyectos.

Frontend11 KB
Ver detalles
🎨

Integración de Aplicaciones Descentralizadas (DApp) Aptos

Premium

Especialista en la creación de aplicaciones descentralizadas en Aptos con integración frontend, conectividad de billeteras (Petra, Martian, Pontem), SDK TypeScript, envío de transacciones y patrones de adaptador de billetera. Se activa con las palabras clave wallet connect, petra, martian, pontem, typescript sdk, aptos sdk, dapp, frontend integration, wallet adapter, transaction, sign

Web3 & Blockchain16 KB
Ver detalles
🎨

Mejor Autenticación

Premium

Implemente autenticación y autorización con Better Auth, un marco de autenticación TypeScript agnóstico de marco de trabajo. Las características incluyen autenticación por correo electrónico/contraseña con verificación, proveedores OAuth (Google, GitHub, Discord, etc.), autenticación de dos factores (TOTP, SMS), soporte para passkeys/WebAuthn, gestión de sesiones, control de acceso basado en roles (RBAC), limitación de velocidad y adaptadores de base de datos. Úselo al agregar autenticación a aplicaciones, implementar flujos OAuth, configurar 2FA/MFA, gestionar sesiones de usuario, configurar reglas de autorización o construir sistemas de autenticación seguros para aplicaciones web.

Frontend7 KB
Ver detalles
🎨

Claude Md Enhancer

Premium

Analiza, genera y mejora archivos CLAUDE.md para cualquier tipo de proyecto utilizando buenas prácticas, soporte de arquitectura modular y personalización de pila tecnológica. Usar al configurar nuevos proyectos, mejorar archivos CLAUDE.md existentes o establecer estándares de desarrollo asistido por IA.

Frontend16 KB
Ver detalles
Ver Todas las Habilidades