drag-and-drop とは？
@atlaskit/pragmatic-drag-and-drop を使用してドラッグ アンド ドロップを実装します。並べ替え可能なリスト、並べ替え可能な項目、かんばんボード、またはドラッグ アンド ドロップ操作を実装するときに使用します。パフォーマンスの問題を回避するための、ドラッグ可能なセットアップ、ドロップ ターゲット、エッジ検出、ドラッグ プレビュー、および重要な状態管理パターンについて説明します。 ソース: wodsmith/thewodapp。
·drag-and-drop
</>
drag-and-drop
✓@atlaskit/pragmatic-drag-and-drop を使用してドラッグ アンド ドロップを実装します。並べ替え可能なリスト、並べ替え可能な項目、かんばんボード、またはドラッグ アンド ドロップ操作を実装するときに使用します。パフォーマンスの問題を回避するための、ドラッグ可能なセットアップ、ドロップ ターゲット、エッジ検出、ドラッグ プレビュー、および重要な状態管理パターンについて説明します。
drag-and-drop のインストール方法
コマンドラインで drag-and-drop AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/wodsmith/thewodapp --skill drag-and-drop
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: wodsmith/thewodapp。
SKILL.md
原文を見るThis project uses @atlaskit/pragmatic-drag-and-drop for drag-and-drop functionality.
NEVER put volatile drag state in useEffect dependencies. This causes handlers to re-register on every state change.
Use Symbol to scope drag operations to a single list:
@atlaskit/pragmatic-drag-and-drop を使用してドラッグ アンド ドロップを実装します。並べ替え可能なリスト、並べ替え可能な項目、かんばんボード、またはドラッグ アンド ドロップ操作を実装するときに使用します。パフォーマンスの問題を回避するための、ドラッグ可能なセットアップ、ドロップ ターゲット、エッジ検出、ドラッグ プレビュー、および重要な状態管理パターンについて説明します。 ソース: wodsmith/thewodapp。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/wodsmith/thewodapp --skill drag-and-drop- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-22
- 更新日
- 2026-03-10
クイックアンサー
drag-and-drop のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/wodsmith/thewodapp --skill drag-and-drop インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/wodsmith/thewodapp