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. ✦Pautas de Desarrollo Frontend
⏱ Buscando en documentos→Frontend en una instalaciónPrueba y error otra vez→#backend listo para usar

Pautas de Desarrollo Frontend

Directrices de desarrollo frontend para aplicaciones React/TypeScript. Patrones modernos que incluyen Suspense, carga diferida, useSuspenseQuery, organización de archivos con directorio de funciones, estilo MUI v7, TanStack Router, optimización de rendimiento y buenas prácticas de TypeScript. Usar al crear componentes, páginas, funciones, obtener datos, aplicar estilos, enrutar o trabajar con código frontend.

🎨 Frontend✦Guion premium✦7 idiomas

EN LO QUE TE CONVIERTES

Casos de Uso

Perfecto para estos escenarios

✦ 01🎯

Crear incidencias rápidamente

Crea nuevos issues de Linear directamente desde la línea de comandos sin cambiar de aplicación

✦ 02🔍

Ver estado de la incidencia

Ver los detalles y el estado de la incidencia sin abrir el panel de Linear

✦ 03💬

Comentar sobre los problemas

Añade comentarios a incidencias existentes directamente desde la línea de comandos

✦ 04📝

Actualizar detalles del problema

Modifica los títulos, descripciones o asignados de las incidencias a través de la CLI

GANANCIA MEDIBLE

Por Qué Elegir Esta Habilidad

Beneficios probados e impacto medible

5x

Creación de problemas más rápida

Crea incidencias 5 veces más rápido que usando la interfaz web

50%

Reducción del cambio de contexto

Manténgase en la terminal, reduzca el cambio de aplicaciones en un 50%

3x

Verificación de estado rápido

Revisa el estado de una incidencia 3 veces más rápido que con la navegación web

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-development/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

#backend#frontend#javascript#react

Información técnica

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

LLÉVATELO CONTIGO

$9.9/mes
Guion premium

Desbloquea descargas ilimitadas de más de 450 guiones premium.

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
🎨

Gestor de Sincronización de Contratos de API

Premium

Valide que los esquemas OpenAPI, Swagger y GraphQL coincidan con la implementación del backend. Detecte cambios que rompan la compatibilidad, genere clientes TypeScript y asegúrese de que la documentación de la API permanezca sincronizada. Use cuando trabaje con archivos de especificación de API (.yaml, .json, .graphql), revise cambios en la API, genere tipos frontend o valide implementaciones de endpoints.

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
💻

Fábrica de Agentes

Premium

Sistema de generación de agentes de código Claude que crea agentes personalizados y subagentes con frontmatter YAML mejorado, patrones de acceso a herramientas y soporte para integración MCP siguiendo patrones de producción probados

Development8 KB
Ver detalles
Ver Todas las Habilidades