tanstack-markdown について
tanstack-markdownは、TanStack Markdown開発向けのスキルで、パース、拡張機能、レンダリング、本番パイプライン、フレームワークアダプターを扱います。関連するガイドへ案内し、導入済みパッケージのバージョンと型の確認を促します。
主な機能
- 01Markdownのパースと拡張を案内
- 02本番向けのパース・レンダリングパイプラインを解説
- 03Reactレンダラーのガイダンス
- 04Octaneレンダラーのガイダンス
- 05フレームワーク別にタスクを振り分け
活用シーン
- 01Markdownのパース拡張を追加
- 02本番向けレンダリングパイプラインを構築
- 03ReactでMarkdownをレンダリング
- 04Octaneレンダラーを利用
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ lukasa1993/ tanstack-skills-extracted --skill tanstack-markdownインストール後、Claude Code で/tanstack-markdownを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
.tanstack-product-skill.jsonLICENSEagents/openai.yamlreferences/framework-octane.mdframework-react.mdparsing-extensions.mdreferences/assets/tanstack-markdown-docs-features/references/docs-metadata.mdreferences/assets/tanstack-markdown-render-markdown/references/ast-and-options.mdreferences/guides/tanstack-markdown-custom-extensions-0739b840--common-mistakes.mdtanstack-markdown-custom-extensions-0739b840--core-patterns.mdtanstack-markdown-custom-extensions-0739b840--overview.mdtanstack-markdown-custom-extensions-0739b840--related-skills.mdtanstack-markdown-custom-extensions-0739b840--setup.mdtanstack-markdown-custom-extensions-0739b840--tensions-and-boundaries.mdtanstack-markdown-custom-extensions-0739b840.mdtanstack-markdown-docs-features-62c13998.mdtanstack-markdown-octane-rendering-821e3074.mdtanstack-markdown-production-pipelines-dc3fb9bc--common-production-mistakes.mdtanstack-markdown-production-pipelines-dc3fb9bc--compatibility-checks.mdtanstack-markdown-production-pipelines-dc3fb9bc--highlighting-checks.mdtanstack-markdown-production-pipelines-dc3fb9bc--overview.mdtanstack-markdown-production-pipelines-dc3fb9bc--performance-and-cache-checks.mdtanstack-markdown-production-pipelines-dc3fb9bc--pre-deploy-summary.mdtanstack-markdown-production-pipelines-dc3fb9bc--related-skills.mdtanstack-markdown-production-pipelines-dc3fb9bc--release-checks.mdtanstack-markdown-production-pipelines-dc3fb9bc--tensions.mdtanstack-markdown-production-pipelines-dc3fb9bc--trust-boundary-checks.mdtanstack-markdown-production-pipelines-dc3fb9bc.mdtanstack-markdown-react-rendering-65b773b4.mdtanstack-markdown-render-markdown-65ccbcde.md詳細
TanStack Markdown
Markdown の解析、拡張機能、レンダリング、本番用パイプライン、およびフレームワークアダプターに関するガイダンスです。
パーサーとレンダラーのバージョンを確認してください。
ワークフロー
- インストール済みの TanStack パッケージと正確なバージョンを確認します。
- タスクでアダプターを使用する場合は、検出されたフレームワークのアダプターリファレンスを読みます。
- トピックリファレンスは索引です。タスクに合ったガイドまたはセクションを選び、必要な場合にのみ前提条件へのリンクをたどります。
- 記憶に頼るよりも、インストール済みパッケージの型とバージョンに合ったソースのガイダンスを優先します。
- 例をフレームワークアダプターに置き換える際は、ヘッドレス/コアの動作を維持します。
タスクの振り分け
- 解析と拡張機能 — Markdown の解析、ドキュメント機能、拡張機能。
- 本番用パイプライン — 本番用の解析およびレンダリングパイプライン。
- React レンダラー — React のレンダリングに関するガイダンス。
- Octane レンダラー — Octane のレンダリングに関するガイダンス。
フレームワークの振り分け
- React —
@tanstack/markdown/reactを検出します。React レンダラーを読みます。 - Octane —
@tanstack/markdown/octaneを検出します。Octane レンダラーを読みます。
製品の境界
タスクが次の製品の境界を越える場合は、別個の製品スキルである tanstack-highlight を使用します。
正確なアップストリーム入力と重複排除の記録については、ソースの来歴を参照してください。
コメント
Markdown 対応