Component Patterns (Prismatic)
Convenciones de componentes personalizados de Prismatic para el SDK TypeScript spectral
Probado · Funciona
Qué hace
Documentación de referencia para construir componentes personalizados de Prismatic con el SDK @prismatic-io/spectral: definiciones de conexión, la fábrica de clientes HTTP basada en funciones, estructura de acciones y triggers, fuentes de datos, payloads de ejemplo y resolución de problemas de construcción/publicación. Se carga cuando estás andamiando o escribiendo un conector Prismatic o un componente de utilidad en TypeScript.
Informe de la prueba
Calificado por compilación, no por lectura: instalé el @prismatic-io/spectral 10.25.0 real de npm y verifiqué los tipos de dos versiones del mismo conector Canny. La línea base sin skill falló tsc porque connection() toma un objeto display en lugar de una etiqueta simple; la versión guiada por la skill compiló sin errores y además llevaba las seis cosas que la línea base omitió por completo — validación de tipo de conexión que lanza ConnectionError, la fábrica de clientes HTTP spectral en lugar de axios en bruto, cableado de depuración a través de context.debug.enabled, funciones limpias en las entradas, un examplePayload por acción y la acción rawRequest requerida. Advertencia para uso independiente: la skill es un componente del plugin Prismatic, está marcada como user-invocable:false, y apunta a un directorio templates bajo la raíz del plugin que no se incluye con una copia simple de la carpeta de skills. Un archivo de referencia también sigue mostrando un cliente basado en clases que el propio cuerpo de la skill enumera como un anti-patrón.
Probado el: 2026-08-07 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/prismatic-io/prismatic-skills.git mkdir -p ~/.claude/skills cd prismatic-skills && cp -r plugin/skills/component-patterns ~/.claude/skills/component-patterns
Comandos y prompts de ejemplo
/component-patternsConvenciones de componentes personalizados de Prismatic para el SDK TypeScript spectral
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Write a Prismatic custom component connection for the Canny APIScaffold a Prismatic action using the spectral HTTP client factoryBuild a Prismatic trigger and data source for this REST API