code-instructor
80Enseña código creando aplicaciones
Aprender código puede parecer abstracto cuando los ejemplos están desconectados de proyectos reales. Esta habilidad enseña conceptos mientras crea aplicaciones funcionales paso a paso.
Estructurar archivos de datos de apps Next.js
Los archivos de datos de una app pueden volverse difíciles de mantener cuando se agrupan registros no relacionados. Esta skill ofrece reglas simples para archivos de datos modulares en Next.js.
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "writing-data" from https://skillstore.io/skills/emz1998-writing-data.md and its manifest at https://skillstore.io/api/skills/emz1998-writing-data/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Usando "writing-data". Una solicitud para añadir dos testimonios y un elemento de precios a la carpeta de datos de la app.
Resultado esperado:
Un plan de archivos con archivos de testimonios separados y un archivo de precios separado, cada uno con menos de 50 líneas.
Usando "writing-data". Un archivo de datos de contenido grande que mezcla navegación, precios y testimonios.
Resultado esperado:
Una recomendación de reestructuración que separa cada área de contenido en archivos de datos enfocados.
Usando "writing-data". Un plan de carpeta propuesto para varios elementos de datos de funcionalidades.
Resultado esperado:
Una revisión que señala archivos sobredimensionados y registros agrupados que deberían dividirse.
The two static findings are false positives caused by Markdown inline-code backticks around srs/data in SKILL.md. I found no executable code, shell invocation instructions, prompt injection text, or semantic data-exfiltration intent in the 16-line skill file.
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
https://skillstore.io/skills/emz1998-writing-data/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-writing-data?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-writing-data/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-writing-data.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Emz1998. (2026). writing-data security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-writing-data/audits/4@techreport{emz1998-emz1998-writing-data-2026,
author = {Emz1998},
title = {writing-data security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-writing-data/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "writing-data security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/emz1998-writing-data/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-writing-data:audit:4"
description: "Skillstore immutable audit report identifier"
Planificar archivos de datos pequeños para una nueva funcionalidad de Next.js sin crear archivos sobredimensionados.
Separar contenido repetible del sitio en archivos enfocados para facilitar las actualizaciones.
Comprobar una carpeta de datos propuesta con reglas simples de tamaño y modularidad.
Usa la skill writing-data para colocar este nuevo elemento en la carpeta de datos de la app. Crea un archivo para un elemento de datos.
Usa la skill writing-data para dividir estos elementos relacionados en archivos de datos modulares. Mantén cada archivo por debajo de 50 líneas.
Usa la skill writing-data para revisar este plan de archivo de datos grande. Propón archivos más pequeños con un elemento de datos por archivo.
Usa la skill writing-data para comprobar la estructura propuesta de mi carpeta de datos de la app. Identifica archivos que incumplan las reglas de modularidad o de 50 líneas.
Autor
Emz1998Licencia
MIT
Revisión de Skillstore
r1
Aviso de versión
El autor no declaró una versión.
Ref.
a06681402992ceae98ba04d54cfd4ab004862696
Actualidad del mantenimiento
21/7/2026
Uso
7 descargas · 144 vistas
Estructura de archivos
📄 SKILL.md
Enseña código creando aplicaciones
Aprender código puede parecer abstracto cuando los ejemplos están desconectados de proyectos reales. Esta habilidad enseña conceptos mientras crea aplicaciones funcionales paso a paso.
Ideación de funcionalidades de apps con ideas estructuradas
Los equipos necesitan ideas prácticas de funcionalidades que conecten el valor para el usuario, la viabilidad y las métricas. Esta habilidad guía una lluvia de ideas estructurada para la planificación de apps web y móviles.
Crear layouts compactos de páginas Next.js
Los archivos de página de Next.js pueden volverse difíciles de mantener cuando el layout, los tipos y la lógica de la página crecen juntos. Esta habilidad guía a Claude, Codex y Claude Code para producir layouts modulares de page.tsx con tipos separados.
Generar hojas de ruta de tareas de proyecto
Los equipos de proyecto a menudo tienen dificultades para convertir especificaciones en trabajo de implementación claro. Esta skill convierte especificaciones en tareas por fases con dependencias y pasos de verificación.
Revisar implementaciones antes del commit
Los equipos pueden pasar por alto fallos en el plan o problemas en el código cuando los pasos del flujo de trabajo avanzan rápidamente. Esta skill dirige los planes e implementaciones completados a agentes de revisión antes de la siguiente fase.
Escribir tipos modulares de Next.js
Los proyectos de Next.js pueden acumular archivos de tipos grandes que son difíciles de mantener. Esta skill guía a Claude, Codex y Claude Code para escribir tipos e interfaces de TypeScript pequeños en srs/types.
Implementar transiciones de vista en React
por vercel-labs
Las transiciones de vista en React son fáciles de colocar incorrectamente, lo que provoca animaciones silenciosas o ruidosas. Esta skill guía las decisiones de animación de rutas, Suspense, listas y elementos compartidos.
Desarrolla funcionalidades frontend listas para producción
por davila7
Los equipos de frontend necesitan directrices coherentes sobre React y Next.js en todos sus proyectos. Esta habilidad proporciona flujos de trabajo de referencia, prácticas de calidad y scripts auxiliares para el análisis del frontend.
Optimizar el rendimiento de React y Next.js
por vercel-labs
Las apps de React y Next.js a menudo pierden velocidad por waterfalls, bundles grandes y re-renderizados evitables. Esta skill ofrece a los agentes reglas concretas para realizar cambios más seguros centrados en el rendimiento.
Optimizar código de React y Next.js
por sickn33
Las apps de React y Next.js suelen sufrir obtención de datos lenta, bundles grandes y re-renderizados evitables. Esta skill proporciona a los agentes reglas y ejemplos concretos para la generación y revisión de código enfocadas en el rendimiento.
Crea aplicaciones fullstack con orientación sénior
por alirezarezvani
Los proyectos fullstack suelen necesitar una configuración coherente, decisiones de arquitectura y controles de calidad. Esta skill proporciona scripts y referencias para trabajos con React, Next.js, Node.js, GraphQL y PostgreSQL.
Crea plantillas de correo con React Email y Resend
por resend
Crear plantillas de correo listas para producción es difícil porque los clientes de correo varían. Esta skill guía a Claude, Codex y Claude Code en componentes de React Email, envío, estilos, localización y flujos de trabajo del editor.