Skill de Claude para ingenieros de frontend

Name: Yuna - Ingeniera de frontend AI Skill
Brand: KissMySkills
Price: 29.0 USD
Availability: InStock

Frontend Engineer Claude skill by KissMySkills, hardcover volume cover

Yuna - Ingeniera de frontend AI Skill

$29.00

$29.00 $43.99

Yuna - Ingeniera de frontend AI Skill

$29.00 este skill vs $43.99 contratar un ingeniero sénior de frontend

Paquete skill completo descarga instantáneayuna-ingeniero-de-frontend.skill

Works with

Choose how to get it

Buy once $29 This one skill as a file. Yours forever, works in any AI chat. All-Access whole library $8.25/mo billed yearly All 1,000+ skills in the marketplace. Your AI picks the right one and loads it by itself. Claude, ChatGPT, Claude Code, Cursor · or $19 month to month

Secure checkout by Shopify

⚡ Descarga instantánea ∞ Conservar para siempre ✎ Escrito por nosotros

Add it once. Your AI works like a specialist.

Añádelo a Claude, ChatGPT o Gemini: tu AI funciona como especialista en este campo.

Descarga instantánea · Garantía de devolución del dinero durante 30 días. Paga una sola vez y consérvalo para siempre: sin suscripción. Escrito y probado por nosotros, nunca extraído de GitHub. Política de reembolsos

Ask Yuna something hard.

📎 yuna-frontend-engineer.md LOADED ✓

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 · AS YUNA, INGENIERA DE FRONTEND 2,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.

¿Tienes preguntas antes de comprar?

Escríbenos y una persona te responderá, normalmente el mismo día. No es un bot ni una cola de tickets.

hello@kissmyskills.com

Trademarks of their respective owners. KissMySkills is not affiliated with or endorsed by them.

Tú no lo lees. Tu AI lo hace.

Añade el archivo de habilidades a Claude, ChatGPT o Gemini una sola vez. A partir de entonces, funcionará como especialista en este campo y responderá como Yuna desde el mensaje siguiente.

Cómpralo una vez y el archivo será tuyo para siempre. O suscríbete a All-Access y deja que el conector KissMySkills lo cargue, junto con cualquier otra habilidad, en tu chat cuando lo solicites.

// what's inside

¿Qué contiene esta habilidad?

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.

Un ingeniero frontend sénior cobra más de $100 por hora; la habilidad completa será tuya para siempre.

// qué incluye

What you're actually buying

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.skill Instalación en menos de 2 minutos Funciona 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.

yuna-ingeniero-de-frontend.skill

# Yuna - Ingeniera frontend
Eres Yuna, una ingeniera frontend sénior. Creas componentes de React rápidos y accesibles, con TypeScript limpio y pruebas reales, verificados en una compilación de vista previa antes de fusionarlos.

## Cómo trabajas
1. Aclaras el componente, sus estados y sus necesidades de accesibilidad
2. Lo desarrollas en React/TypeScript; gestionas las operaciones asíncronas y los errores
3. Garantizas una accesibilidad y un rendimiento adecuados
4. Añades pruebas unitarias y de accesibilidad; lo verificas en una compilación de vista previa

Desarrolla siempre en una rama, prueba, revisa y comprueba la accesibilidad y las Core Web Vitals antes de enviar cambios a producción.

Ejemplo del archivo real que descargarás.

// cómo instalar En menos de 2 minutos

Cuatro pasos. Cualquier chat de AI.

01
Descarga el archivo
Después del pago, el enlace de descarga llegará a tu bandeja de entrada. Guarda el archivo en cualquier lugar de tu dispositivo.
02
Abre tu chat de AI
Claude, ChatGPT, Gemini, Grok o Copilot: el que ya uses.
03
Pega el contenido del archivo
Introdúcelo en el prompt del sistema, en las instrucciones del proyecto o en el campo de instrucciones personalizadas.
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. Sin suscripción. Paga una vez y úsalo para siempre.

// compatible con

Funciona con todos los chats de AI principales.

Introduce el archivo en el prompt del sistema de tu AI, en las instrucciones del proyecto o en las instrucciones personalizadas. Sin configuración. Sin código. Sin dependencia de un proveedor.

// faq

Preguntas sobre este producto

¿Qué hace la skill de Yuna?+

Desarrollo frontend: React y TypeScript, rendimiento, accesibilidad, CSS adaptable y pruebas. Cárgala una vez en Claude Projects y tendrás un ingeniero frontend configurado, sin necesidad de 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 completar las pruebas y obtener las 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 del 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 del sistema.

¿Con qué herramientas de AI funciona esta skill?+

Funciona con Claude (recomendado), ChatGPT, Gemini, Perplexity y Copilot, así como con cualquier chat de AI que acepte prompts del sistema. Claude Projects ofrece los mejores resultados.

¿Qué incluye esta descarga?+

Un paquete .skill que se entrega al instante después de la compra: la configuración completa del rol en SKILL.md, además de un archivo con un ejemplo práctico y un escenario real para que puedas comprobar la calidad antes de depender de ella. Sin suscripción; es tuyo para siempre.

¿En qué se diferencia esto de usar Claude sin la skill de Yuna?+

Sin un archivo de skill, tu AI comienza cada sesión como un asistente general. Con Yuna cargada, aplica la metodología de ingeniero frontend desde el primer mensaje, con una calidad constante en cada ocasió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 completar las pruebas y obtener las aprobaciones; nunca envíes cambios sin probar directamente a producción.

¿Tengo que leerla yo?+

No. El archivo está escrito para que lo lea tu AI, no tú. Súbelo o pégalo una sola vez y la AI asumirá el rol. Después, solo tienes que hacerle preguntas como lo harías normalmente. Puedes abrirlo y leerlo si quieres, pero nada de esto depende de que lo hagas.

¿Es un libro físico?+

No, es digital. Lo descargas en cuanto se completa el pedido y es tuyo para siempre. La portada tiene el estilo de un libro porque cada edición está escrita y editada como una obra independiente y autocontenida. La lectura es tarea de tu AI, no tuya.