Marcas registradas de sus respectivos propietarios. KissMySkills no está afiliado a ellos ni cuenta con su respaldo.
Cómo funciona
Ask it something hard.
📎 yuna-ingeniero-de-frontend.skillLOADED ✓
El bundle de React pesa 2,8 MB y el LCP en 4G es de 6,1 s. El gerente de producto quiere funcionalidades, no un sprint de rendimiento. ¿Qué tendría el mayor impacto más rápido?
CLAUDE · WITH THIS SKILL2,8 MB no necesita un sprint; necesita una tarde de división del código por rutas. React.lazy en tus 5 rutas más pesadas suele reducir el JavaScript inicial en un 60 %. Primero analiza el paquete: casi siempre hay un moment.js con todas las configuraciones regionales, una importación completa de lodash y una biblioteca de gráficos que se envía a todas las páginas para una sola pantalla de administración. Por lo general, el LCP queda por debajo de 3 s al dividir el código y precargar el recurso principal. Preséntaselo al responsable de producto como una tarde con datos de campo de antes y después, no como un sprint. Pega los 20 módulos principales del analizador y marcaré los recortes.
¿Dudas antes de comprar? Responde una persona, normalmente el mismo día: hello@kissmyskills.com
// el archivo en sí
Léelo antes de comprarlo.
Las primeras líneas del archivo que leerá tu IA, tal cual se entrega. Nada reescrito para la página.
Usa el nombre Con el archivo cargado, háblale por su nombre: «Serge, mira esta página.» Para eso está el nombre. Así varios skills no se mezclan en un mismo chat.
// el skill con el que funciona tu IA
Eres Yuna, una ingeniera frontend sénior que recurre al HTML semántico antes que a ARIA, tipa las props según la estructura de los datos y mide LCP, INP y CLS. Te han activado para desarrollar una UI que funcione con el teclado.
Incorpora Yuna a Claude y obtén una ingeniera sénior de frontend que crea React rápido, tipado, accesible y probado, no un montón de tipos any y useEffect entremezclados y unidos por la esperanza. Yuna trabaja como lo hace un equipo sólido de ingeniería de producto: orientada a componentes, accesible de forma predeterminada, medida con Core Web Vitals reales y cubierta por pruebas que verifican el comportamiento que un usuario puede observar, nunca detalles de implementación. Yuna cubre de principio a fin el stack frontend moderno: React (componentes funcionales, hooks, composición, Suspense, límites de error), TypeScript (uniones discriminadas, genéricos, tipado de props, narrowing), estilos (CSS Modules, Tailwind, CSS-in-JS, diseño moderno con Grid/Flex/consultas de contenedor), obtención de datos y estado (TanStack Query, Context, Zustand, estado en la URL), formularios (React Hook Form, Zod), rendimiento (división de código, memoización, virtualización, estrategia para imágenes y fuentes, Web Vitals), accesibilidad (HTML semántico, ARIA, teclado, foco, WCAG 2.2 AA) y pruebas (React Testing Library, jest-axe, Playwright para e2e).
SKILL.md · 183 líneas · descarga instantánea
// qué incluye
Qué incluye este skill
React (hooks, estado, composición) y TypeScript
Rendimiento: tamaño del paquete, división del código, Core Web Vitals
Accesibilidad: HTML semántico, ARIA, teclado, WCAG
CSS adaptable, gestión del estado y React Testing Library
Ingenieros de frontend que quieren componentes rápidos y accesibles, y TypeScript limpio y probado.
// dos formas de conseguirlo
Úsalo dentro de tu IA o descárgalo una vez.
Plan Library
Este skill y 2.500+ más, dentro de tu chat
$9/mescancela cuando quieras, o $59 al año
Los 2.500+ skills, packs de prompts y agentes, cargados en cuanto los pides
Nada que descargar ni pegar: conecta una vez en Claude, ChatGPT, Claude Code o Cursor
Skills nuevos cada semana y 10 archivos del catálogo al mes para descargar
Marcas registradas de sus respectivos propietarios. KissMySkills no está afiliado a ellos ni cuenta con su respaldo.
// pídeselo a tu asistente
O deja que tu IA configure este skill por ti.
Ve a kissmyskills.com/pages/connector y configúrame el skill "Ingeniera de frontend AI Skill - Yuna" (handle: yuna-frontend-engineer)
Pégalo en Claude, ChatGPT, Claude Code, Cursor o Codex. Tu IA te guía para conectar KissMySkills (unos 3 minutos, prueba gratis de 7 días) y carga el skill. Lo que leerá tu IA →
Lo que compras de verdad
Añade Yuna a Claude y obtén una ingeniera sénior de frontend que crea componentes de React rápidos y accesibles, con TypeScript limpio y pruebas reales.
Yuna desarrolla el frontend: React (hooks, estado, composición), TypeScript, rendimiento (tamaño del paquete, división de código, memorización, Core Web Vitals), accesibilidad (HTML semántico, ARIA, teclado, WCAG), CSS adaptable, gestión del estado, formularios y pruebas (React Testing Library). Desarrolla siempre en una rama, realiza pruebas (unitarias y de accesibilidad), revisa y verifica en una compilación de vista previa antes de fusionar.
Qué obtienes
→React (hooks, estado, composición) y TypeScript
→Rendimiento: tamaño del paquete, división de código y Core Web Vitals
→Accesibilidad: HTML semántico, ARIA, teclado, WCAG
→CSS adaptable, gestión del estado y React Testing Library
📄 yuna-frontend-engineer.skillInstalación en menos de 2 minutosFunciona con Claude, ChatGPT y cualquier chat de AI
Cómo instalar
Descarga el paquete .skill → abre Claude → pega SKILL.md en las instrucciones de tu proyecto o en el prompt del sistema → describe tus requisitos → Yuna crea la respuesta. Incluye un ejemplo completo paso a paso para que veas exactamente lo que obtienes.
// cómo instalar
En menos de 2 minutos
Cuatro pasos. Cualquier chat de AI.
01
Descarga el archivo
Tras la compra, el enlace de descarga llega a tu correo. Guarda el archivo .skill: Claude lo acepta tal cual.
02
Abre tu chat de AI
Cualquier chat de IA que ya uses: Claude, ChatGPT, Gemini, Grok, Copilot u otro.
03
Añádelo a tu IA
Claude: en Settings → Capabilities → Skills, sube el archivo .skill. ChatGPT, Gemini y otros: abre el archivo .skill como un archivo .zip y pega SKILL.md en las instrucciones personalizadas o del proyecto.
04
Empieza a trabajar
Tu AI ahora está configurada como especialista. Pregúntale cualquier cosa dentro de su ámbito.
No se requieren conocimientos técnicos.
Con Library no hay nada que descargar. Conecta tu IA una vez y pide: «Carga a Ingeniera de frontend AI Skill de KissMySkills».
Desarrollo frontend: React y TypeScript, rendimiento, accesibilidad, CSS responsive y testing. Cárgala una vez en Claude Projects y tendrás un Frontend Engineer configurado sin tener que volver a explicar el contexto al inicio de cada sesión. Desarrolla siempre en una rama con pruebas, ejecútalo en CI contra un entorno de staging con revisión de código y promuévelo a producción solo después de las pruebas y aprobaciones; nunca envíes cambios sin probar directamente a producción.
¿Cómo instalo este archivo de skill?+
Descarga el paquete .skill (contiene SKILL.md), pega el contenido en las instrucciones de Claude Projects o en el prompt de sistema de tu AI, añade tu propio contexto e inicia tu primera sesión. Funciona con Claude, ChatGPT o cualquier chat de AI que acepte prompts de sistema.
¿Con qué herramientas de AI funciona esta skill?+
Funciona con Claude (recomendado), ChatGPT, Gemini, Perplexity y Copilot, y con cualquier chat de AI que acepte prompts de sistema. Claude Projects ofrece los mejores resultados.
¿Qué incluye esta descarga?+
Un paquete .skill que se entrega al instante tras la compra: la configuración completa del rol en SKILL.md, además de un archivo de ejemplo práctico con un caso real para que veas la calidad antes de confiar en él. Sin suscripción; es tuyo para siempre.
¿Listo para especializar tu AI?
Este y 2.500+ más, dentro de Claude, ChatGPT, Claude Code, Codex o Cursor. Cancela cuando quieras.