FlowGram-Komponentendokumentation erstellen
FlowGram-Material-Komponenten benötigen konsistente Dokumentation, ausführbare Story-Beispiele, API-Tabellen und zweisprachige Review-Schritte. Dieser Skill bietet Claude, Codex und Claude Code einen strukturierten Workflow zur Erstellung dieser Assets.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "material-component-doc" from https://skillstore.io/skills/bytedance-material-component-doc.md and its manifest at https://skillstore.io/api/skills/bytedance-material-component-doc/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„material-component-doc“ wird verwendet. Dokumentiere die variable selector Material-Komponente.
Erwartetes Ergebnis:
„material-component-doc“ wird verwendet. Reviewe diese Komponentendokumentation vor der Veröffentlichung.
Erwartetes Ergebnis:
„material-component-doc“ wird verwendet. Übersetze die freigegebene chinesische Dokumentation ins Englische.
Erwartetes Ergebnis:
The static findings are false positives from Markdown examples, code fences, documentation links, Mermaid diagrams, and a normal React.lazy import pattern. No prompt injection, data exfiltration intent, hidden execution hook, or malicious filesystem behavior was found in SKILL.md or templates/material.mdx.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/bytedance-material-component-doc/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/bytedance-material-component-doc?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/bytedance-material-component-doc?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/bytedance-material-component-doc/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/bytedance-material-component-doc.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>bytedance. (2026). material-component-doc security audit report (audit version 9) [Author version 1.1.0]. Skillstore. https://skillstore.io/skills/bytedance-material-component-doc/audits/9@techreport{bytedance-bytedance-material-component-doc-2026,
author = {bytedance},
title = {material-component-doc security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/bytedance-material-component-doc/audits/9},
note = {Author version 1.1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "material-component-doc security audit report (audit version 9)"
version: "1.1.0"
type: report
authors:
- name: "bytedance"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/bytedance-material-component-doc/audits/9"
identifiers:
- type: other
value: "skillstore:bytedance-material-component-doc:audit:9"
description: "Skillstore immutable audit report identifier"
Einen FlowGram-Komponentenquellordner in eine vollständige MDX-Seite mit Demos, API-Tabellen, Quellcodehinweisen und Abhängigkeitslinks umwandeln.
Story-Beispiele erstellen, die den Projektregeln für Benennung, Lazy Loading, Wrapper und Typannotationen folgen.
Ein freigegebenes chinesisches Komponentendokument ins Englische übersetzen und dabei Code, Pfade, Befehle und die interne Linkstruktur beibehalten.
Verwende den material-component-doc Skill, um mir bei der Dokumentation der FlowGram-Komponente namens <component> zu helfen. Prüfe zuerst den Quellcode und frage mich, welche Beispiele ich einbeziehen möchte.
Verwende den Skill, um Story-Beispiele für <component> zu entwerfen. Füge BasicStory und ein fortgeschrittenes Szenario hinzu und erfülle die Anforderungen für React.lazy und FreeFormMetaStoryBuilder.
Reviewe diesen FlowGram-Material-Komponenten-MDX-Entwurf mit der Skill-Checkliste. Prüfe Demos, API-Tabellen, Quellcode-Walkthrough, Abhängigkeiten, Screenshots und Linkformat.
Das chinesische Dokument für <component> ist freigegeben. Verwende den Übersetzungsprozess des Skills, um die englische Version zu erstellen und dabei Codeblöcke, Befehle, Pfade und externe Links beizubehalten.
Autor
bytedanceLizenz
MIT
Autorenversion
v1.1.0
Skillstore-Revision
r1
Ref.
7db9b9f06e0ab79c575b58bc48c4d8dc9849f424
Aktualität der Wartung
22.7.2026
Nutzung
9 Downloads · 269 Aufrufe
Dateistruktur
FlowGram-Material-Komponenten erstellen
Das Erstellen von FlowGram-Formular-Material-Komponenten erfordert eine konsistente Struktur, Exporte und Storybook-Validierung. Dieser Skill führt durch Komponenten-Scaffolding, TypeScript-Muster, Exporte und lokale Prüfungen.
FlowGram Custom Nodes erstellen
FlowGram-Entwickler benötigen eine wiederholbare Methode, um demo-free-layout-Nodes hinzuzufügen. Dieser Skill führt durch die Erstellung einfacher Nodes und Nodes mit benutzerdefinierter UI, mit Vorlagen, Schema-Regeln, Registrierungsschritten und Testprüfungen.
Softwareprojekte mit strukturierten Dokumenten planen
von Dwsy
Softwareprojekte scheitern häufig, wenn Anforderungen, Designentscheidungen und Aufgaben unklar sind. Dieser Skill verwandelt Projektideen in strukturierte Planungsdokumente für Claude-, Codex- und Claude Code-Workflows.
Zweisprachige GitHub-Release-READMEs generieren
von ZhanlinCui
Release-Dokumentation ist zeitaufwendig, wenn Teams englische und chinesische READMEs benötigen. Diese Skill generiert strukturierte zweisprachige READMEs aus Repository-Metadaten und geführter Konfiguration.
Service-Architektur visualisieren
von AstraBit-CPT
Verteilte Services sind schwer zu verstehen, wenn Metadaten über mehrere Repositorys verteilt sind. Dieser Skill aggregiert Katalogmetadaten und erstellt Diagramme, Tabellen und Zusammenfassungen für Architektur-Reviews.
Menschenlesbare KI-Dokumentation erstellen
von Brownbull
Detaillierte KI-Kontextdateien sind oft zu lang für eine schnelle menschliche Prüfung. Dieser Skill verwandelt sie in Zusammenfassungen, Schnellstarts und visuelle Mermaid-Leitfäden.
Effektive KI-Skills erstellen
von notedit
Teams benötigen wiederholbare Anleitung, um nützliche KI-Skills zu erstellen, ohne unnötigen Kontext hinzuzufügen. Dieser Skill bietet einen strukturierten Prozess zum Planen, Schreiben, Validieren und Paketieren von Skills.
Architecture Decision Records erstellen
von ArieGoldkin
Architekturentscheidungen lassen sich schwer bewahren, nachdem Teams weitergezogen sind. Dieser Skill bietet Vorlagen, Beispiele und Review-Prüfungen für klare ADRs.