claude-drawio-skill

Claude Codeからdraw.io図表を作成・読取・編集できるSkill。アーキテクチャ図やER図など8種に対応。

Summary

Claude Codeからdraw.io図表を直接操作するSkill

claude-drawio-skillは、Claude CodeやCursorからdraw.io（.drawio）ファイルの作成・読み取り・編集を可能にするプラグイン。draw.ioデスクトップアプリが必要。

対応する図は8種類:

Claude Codeでは npx skills add で導入できる。ライトモード推奨で、Google Drive連携によるチーム共有にも対応している。

Curator's Note

— Curated by @kgsi

URL: https://github.com/little-hands/claude-drawio-skillDATE: 2026年3月30日

珍しいアニメーション付きReactコンポーネントの無料・オープンソースなレジストリ。Tailwind CSS、Motion、shadcn CLIで作られていて、コピペして自分のコードにできる。

サイト、Webアプリ、モバイル、コンポーネント、フローのデザインチェックリスト集。細部まで確認して、より良いものを出す。

クリック直後の0.5秒を扱うReact向けマイクロインタラクション集。54個のコンポーネントを、部品の種類ではなく人が何の最中かで10セクションに分類。ソースをコピーして使い、依存はmotionだけ。

デザインのScopeを、
もっと広げよう。

noteメンバーシップで、デザインの深掘り記事を毎週配信。

チームへのデザイン導入・研修もご相談ください。