📦

directives

Name: directives
Author: vercel-labs

Revisión del contenido r1 Seguro ⚙️ Comandos externos

Add Formatting and Translations to json-render

JSON-driven interfaces need consistent formatting, calculations, and translated labels. This skill guides directive setup, nested expressions, and custom resolvers for json-render.

Compatible con: Claude Codex Code(CC)

🥉 78 Bronce

Maintain this Skill? Claim it 🥉 78 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "directives" from https://skillstore.io/skills/vercel-labs-directives.md and its manifest at https://skillstore.io/api/skills/vercel-labs-directives/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.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/vercel-labs-directives.md Manifest firmado GET /api/skills/vercel-labs-directives/manifest Lockfile firmado GET /api/skills/vercel-labs-directives/lockfile

Pruébalo

Usando "directives". Explain the displayed total when price is 12.50, quantity is 3, currency is USD, and locale is en-US.

Resultado esperado:

State resolution supplies the price and quantity.
Multiplication produces 37.5.
Currency formatting displays $37.50.

Usando "directives". Show pluralized item labels for counts 0, 1, and 3, with the zero label set to no items.

Resultado esperado:

0: no items
1: 1 item
3: 3 items

Usando "directives". Explain the checkout.submit translation using the documented English and Spanish messages.

Resultado esperado:

English: Place Order
Spanish: Realizar Pedido

Auditoría de seguridad

Seguro

v1 • 29/9/2026 Abrir el informe versionado

All 69 static findings are false positives caused by Markdown backticks around API names and fenced examples. No evidence found of shell execution, credential access, exfiltration, or prompt injection in SKILL.md. This review covers the skill documentation, not the referenced package implementations.

Archivos escaneados

206

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex

Compartir y citar este informe

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.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/vercel-labs-directives/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/vercel-labs-directives/security.svg)](https://skillstore.io/skills/vercel-labs-directives?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/vercel-labs-directives?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-directives/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/vercel-labs-directives.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

vercel-labs. (2026). directives security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-directives/audits/1

Cita BibTeX

@techreport{vercel-labs-vercel-labs-directives-2026,
  author = {vercel-labs},
  title = {directives security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/vercel-labs-directives/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "directives security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "vercel-labs"
date-released: "2026-09-29"
url: "https://skillstore.io/skills/vercel-labs-directives/audits/1"
identifiers:
  - type: other
    value: "skillstore:vercel-labs-directives:audit:1"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Build formatted cart displays

Compose state values, arithmetic, currency formatting, and item counts for shopping cart interfaces.

Configure translated interface labels

Define translation messages, interpolation parameters, and a fallback locale for json-render specifications.

Extend a shared rendering catalog

Create custom directives and register them consistently across prompt generation and rendering.

Prueba estos prompts

Format a price

Show a $format expression for /cart/total using USD and the en-US locale. Explain the required fields.

Compose a calculated total

Combine /price and /qty using $math, then format the result as USD. Explain the inside-out resolution order.

Add translated labels

Configure createI18nDirective with English and Spanish checkout labels, English fallback, and a greeting with a name parameter. Include standardDirectives registration.

Create and integrate a custom directive

Define a $double directive with a Zod schema and resolvePropValue. Register it alongside standardDirectives in catalog.prompt and a React provider.

Mejores prácticas

Pass the same directive array to catalog.prompt and the renderer.
Use resolvePropValue on nested inputs so custom directives support expression composition.
Choose custom names beginning with $ and avoid reserved built-in expression keys.

Evitar

Registering directives for prompt generation while omitting them from the renderer.
Treating standardDirectives as including configured translation support without adding createI18nDirective.
Assuming division by zero raises an error when the documented $math behavior returns 0.

Preguntas frecuentes

What does standardDirectives include?

It includes seven non-factory directives: $format, $math, $concat, $count, $truncate, $pluralize, and $join.

How do I enable translations?

Create a directive with createI18nDirective using your locale and messages, then append it to the directive array.

Can directives use other directives as inputs?

Yes. Resolvers use resolvePropValue to support nested directives and built-in expressions such as $state.

Which renderers are covered?

The documentation lists React, Vue, Svelte, and Solid. The component examples use React-style syntax.

Does this skill install the required packages?

No. It provides documentation and integration examples. Your project must supply compatible packages and application configuration.

Did the audit identify shell execution?

No evidence found in SKILL.md. All 69 matches were Markdown backticks, and referenced package implementations were outside this review.

Detalles del desarrollador

Autor

vercel-labs

Licencia

MIT

Revisión de Skillstore

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/vercel-labs/json-render/tree/c2600d73908ed505e6d726f5b6f969ba8f597ce7/skills/directives

Ref.

bad9dafc37d1638cd29cb9bab06d5f8dbcd0f6c2

Actualidad del mantenimiento

30/9/2026

Uso

0 descargas · 0 vistas

Estructura de archivos

📄 SKILL.md