Communitygithub.com

objectifthunes/whiteboard-claude-skill

Claudeスキル:@objectifthunes/whiteboardの配線と設計方法を学習します。

whiteboard-claude-skill とは?

このClaudeスキルは、`@objectifthunes/whiteboard` ライブラリを用いた配線と設計の方法を学ぶためのものです。開発者はこのスキルを利用して、ホワイトボード的なUIコンポーネントやデータフローの設計・実装をClaudeに指示できます。主にClaude CodeなどのAIエージェント環境で動作し、ライブラリのAPI、接続方法、設計パターンを自然言語で説明することで、迅速なプロトタイピングやコード生成を支援します。不要なサンプルコードを排除し、実践的な接続例と設計指針を提供する点が特徴です。

対応✓Claude Code~Codex CLI~Cursor
npx skills add objectifthunes/whiteboard-claude-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

whiteboard-claude-skill は何をしますか?

Claudeスキル:@objectifthunes/whiteboardの配線と設計方法を学習します。

概要

このスキルは、@objectifthunes/whiteboard ライブラリを使用したUIコンポーネントの配線と設計手順をClaudeに教えるためのものです。開発者は自然言語で要件を伝えることで、ライブラリのAPIを活用したコードの生成や設計の提案を受けることができます。

対応プラットフォーム

  • Claude Code
  • Cursor (一部機能)
  • その他Claude互換エージェント

使い方

  1. スキルを有効にします。
  2. @objectifthunes/whiteboard を使った実装について質問すると、Claudeが適切なコード例と設計パターンを提示します。

詳細

このスキルは、@objectifthunes/whiteboard の公式ドキュメントを基に、配線(wiring)と設計(design)のベストプラクティスを提供します。特に、コンポーネント間のデータフローやイベントハンドリングの実装方法に焦点を当てています。

関連スキル