prototype-to-production
Über
Diese Fähigkeit wandelt Design-Prototypen (HTML, CSS, Figma-Exporte) in produktionsreife, typisierte React-Komponenten um. Sie analysiert die Struktur, um Design-Tokens zu extrahieren und wiederverwendbare Muster zu identifizieren, und passt sich dabei Ihrer bestehenden Tech-Stack an. Nutzen Sie sie, um Prototypen oder Design-Iterationsdateien in sauberen, wartbaren Komponentencode zu transformieren.
Schnellinstallation
Claude Code
Empfohlennpx skills add NeverSight/skills_feed -a claude-code/plugin add https://github.com/NeverSight/skills_feedgit clone https://github.com/NeverSight/skills_feed.git ~/.claude/skills/prototype-to-productionKopieren Sie diesen Befehl und fügen Sie ihn in Claude Code ein, um diese Fähigkeit zu installieren
GitHub Repository
Verwandte Skills
prototype-to-production
AndereDiese Fähigkeit wandelt Design-Prototypen aus HTML, CSS oder Figma-Exports in typisierte, produktionsreife React-Komponenten um. Sie analysiert die Struktur, um Design-Tokens zu extrahieren und wiederverwendbare Muster zu identifizieren, und passt sich dabei an Ihre bestehende Tech-Stack an. Nutzen Sie sie, um die Umsetzung von Design-Iterationen in sauberen, wartbaren Code zu automatisieren.
PKI and X.509
MetaDiese Claude-Skill bietet Entwicklern im Bereich der digitalen Sicherheit fachkundige Anleitung zu PKI und dem Management von X.509-Zertifikaten. Er behandelt die Zertifikatsstruktur, die Erstellung von Zertifikatsanforderungen (CSR), das Zertifikats-Signing, die Widerrufung (CRL/OCSP) und OpenSSL-Befehle. Nutzen Sie diesen Skill bei der Implementierung von Zertifizierungsstellen, der Verwaltung kryptografischer Schlüssel oder der Handhabung von X.509-bezogenen Vorgängen.
Skill Builder
MetaDiese Fähigkeit unterstützt Entwickler dabei, produktionsreife Claude Code Skills mit korrekter YAML-Frontmatter und Verzeichnisstruktur zu erstellen. Sie generiert maßgeschneiderte Fähigkeiten für spezifische Workflows und stellt Vorlagen bereit, die Claudes Spezifikationen entsprechen. Nutzen Sie sie beim Erstellen von Fähigkeiten, die Claude autonom auf allen Oberflächen erkennen kann.
security-assessor
DesignDiese Fähigkeit aktiviert sich automatisch während der Anforderungsanalyse, um Sicherheitsrisiken mithilfe des OWASP Top 10 Frameworks zu bewerten. Sie identifiziert Sicherheitsanforderungen und empfiehlt Gegenmaßnahmen, um Entwickler bei der Implementierung von Secure-by-Design-Funktionen zu unterstützen.