Component Patterns (Prismatic)

Prismatic Custom Component Konventionen für das spectral TypeScript SDK.

von prismatic-io · prismatic-io/prismatic-skills

Getestet · Funktioniert ★ 8.0/10

Component Patterns (Prismatic) — Prismatic Custom Component Konventionen für das spectral TypeScript SDK.

Was es kann

Referenzdokumentation zum Erstellen von Prismatic Custom Components mit dem @prismatic-io/spectral SDK: Verbindungsdefinitionen, die funktionsbasierte HTTP-Client-Factory, Aktions- und Trigger-Struktur, Datenquellen, Beispiel-Payloads und Fehlerbehebung beim Build/Publish. Lädt, wenn Sie einen Prismatic-Konnektor oder eine Utility-Komponente in TypeScript gerüstet oder schreiben.

Testbericht

Bewertet durch Kompilieren, nicht durch Lesen: Ich habe das echte @prismatic-io/spectral 10.25.0 von npm installiert und zwei Versionen desselben Canny-Konnektors typgeprüft. Die No-Skill-Baseline scheiterte an tsc, weil connection() ein Display-Objekt anstelle eines reinen Labels erwartet; die Skill-geführte Version kompilierte fehlerfrei und enthielt zusätzlich die sechs Dinge, die die Baseline vollständig wegließ — Verbindungstyp-Validierung, die ConnectionError auslöst, die spectral HttpClient-Factory anstelle von rohem axios, Debug-Verdrahtung über context.debug.enabled, saubere Funktionen für Eingaben, eine examplePayload pro Aktion und die erforderliche rawRequest-Aktion. Vorbehalt für die eigenständige Verwendung: Der Skill ist eine Komponente des Prismatic-Plugins, ist als user-invocable:false markiert und verweist auf ein templates-Verzeichnis unter dem Plugin-Root, das nicht mit einer einfachen skills-folder-Kopie mitgeliefert wird. Eine Referenzdatei zeigt auch immer noch einen klassenbasierten Client, den der Skill selbst als Anti-Pattern auflistet.

Getestet am: 2026-08-07 · Claude Code 2.x (agent harness)

Installation

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

Befehle & Beispiel-Prompts

/component-patternsPrismatic Custom Component Konventionen für das spectral TypeScript SDK.

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

Write a Prismatic custom component connection for the Canny API
Scaffold a Prismatic action using the spectral HTTP client factory
Build a Prismatic trigger and data source for this REST API

Vollständiger Testbericht (Englisch) →