Component Patterns (Prismatic)
Prismatic custom component conventies voor de spectral TypeScript SDK
Getest · Werkt
Wat het doet
Referentiedocumentatie voor het bouwen van Prismatic custom components met de @prismatic-io/spectral SDK: connection definitions, de functie-gebaseerde HTTP client factory, actie- en triggerstructuur, data sources, voorbeeld payloads en build/publish troubleshooting. Laadt wanneer u een Prismatic connector of utility component in TypeScript scaffoldt of schrijft.
Testrapport
Beoordeeld door te compileren, niet door te lezen: de echte @prismatic-io/spectral 10.25.0 van npm geïnstalleerd en twee versies van dezelfde Canny connector type-gecontroleerd. De no-skill baseline faalde tsc omdat connection() een display object accepteert in plaats van een kale label; de skill-geleide versie compileerde met nul fouten en bevatte bovendien de zes dingen die de baseline volledig weglaten — connection-type validatie die ConnectionError werpt, de spectral HttpClient factory in plaats van ruwe axios, debug bedrading via context.debug.enabled, schone functies op inputs, een examplePayload per actie, en de vereiste rawRequest actie. Waarschuwing voor stand-alone gebruik: de skill is een component van de Prismatic plugin, is gemarkeerd als user-invocable:false, en verwijst naar een templates directory onder de plugin root die niet meereist met een simpele skills-folder kopie. Eén referentiebestand toont ook nog steeds een klasse-gebaseerde client die de eigen body van de skill als een anti-patroon vermeldt.
Getest op: 2026-08-07 · Claude Code 2.x (agent harness)
Installatie
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
Commando's en voorbeeldprompts
/component-patternsPrismatic custom component conventies voor de spectral TypeScript SDK
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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