design

Leonxlnx/taste-skill

AIコーディングを「凡庸なデザイン」から救うスキル — Claude CodeやCodexなどのAIエージェントが生成するフロントエンドが「ありがちで退屈」になりがちな問題に対処するスキルセットです。AIに”良い趣味”を与えることで、量産感のあるUIから脱却し、洗練されたデザインのコードを生成させることを目指しています。ノーコード/ローコード文脈でのバイブコーディングにも活用できます。

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

pbakaus/impeccable

AIコーディングエージェント向けのデザイン品質改善ツール — ClaudeなどのAIが生成するフロントエンドは、Interフォントや紫→青グラデーションなど『AI感』の強いテンプレ的デザインに陥りがちです。Impeccableは24個のコマンドと61個の決定論的な検出ルールでAIとデザイン言語を共有し、テンプレ臭さを排除して洗練されたUIへ導きます。Anthropicのfrontend-designスキルを拡張した後継的存在です。

The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.

tldraw/tldraw

Reactで無限キャンバスを作れるtldraw SDK — tldrawはホワイトボードや図形描画アプリを構築できる無限キャンバスエンジンです。マルチプレイヤー同期、カスタム図形・ツール・UIの拡張性を備え、ゼロから作るより圧倒的に早く本格的な描画アプリを実装できます。Miroやexcalidraw的な体験をReactに組み込みたい開発者に最適です。

Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.

alchaincyf/huashu-design

一言のプロンプトで納品レベルのデザインを生成するスキル — Huashu Designは、Claude Code・Cursor・Codexなどのagentで使えるHTMLネイティブなデザインスキルです。一言入力するだけでWebプロトタイプ・編集可能なPPTX・アニメーション・インフォグラフィックを数分で仕上げます。3.0では84種のスタイルライブラリと6案から3方向を選ぶ仕組み、見た目の重複を検出する体検機能を追加し、MITライセンスで商用も無償化されました。

Huashu Design 3.0 · 在 agent 里打一句话，拿回能交付的设计：网页 / App 原型 / 可编辑 PPTX / 动画 / 信息图 · 六个候选挑三个方向 · 84 种带样张的风格库 · 越用越懂你的外观账本与设计体检 · HTML-native design skill for Claude Code, Codex, Cursor & any agent

GraphiteEditor/Graphite

ノードグラフで作る次世代2D制作エンジン — Graphiteはノードベースのプロシージャル設計とレイヤー合成を組み合わせた、完全非破壊編集のオープンソース2Dグラフィックスエンジンです。ベクター編集から出発し、フォト編集やモーショングラフィックス、VFX合成まで見据えたゲームエンジン的な設計が特徴で、Rust製で開発が活発です。

Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine

processing/p5.js

誰でも創造的に書ける p5.js、2.0ベータも公開中 — p5.jsはブラウザ上で視覚・音響・インタラクティブな作品をスケッチ感覚で作れるJavaScriptライブラリです。アーティストや教育者、初心者向けに多言語ドキュメントやWebエディタ、豊富な拡張ライブラリを提供し、次期メジャーバージョン2.0のベータも公開されています。

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org

alyssaxuu/screenity

制限なしで使える無料・プライバシー重視の画面録画ツール — Screenityは録画時間などの制限がないChrome拡張機能の画面録画・注釈ツールです。チュートリアルやデモ動画を無料かつプライバシーを気にせず作りたい個人や教育者向けで、ffmpegやTensorFlowをローカルで利用します。有料のProプランではリンク共有やキャプション機能も追加されます。

The free and privacy-friendly screen recorder with no limits 🎥

ParthJadhav/app-store-screenshots

end to end app store screenshot creation using AI

Jakubantalik/Libraries.dev

AIエージェント向けUIエフェクト集、npmで即導入 — AIインターフェース特有の「動いている感」を出すReactライブラリ集です。ボーダービームや思考中オーブ、ボットアバターなど7種を、手書きWebGLなしでpropsだけで調整できる単一コンポーネントとして提供します。既存のマークアップの意味構造を保ったまま見た目を強化できる点が特徴で、AIチャットUIやエージェント系プロダクトの開発者に刺さりそうです。

Libraries and models for next-gen UI

storytold/figcraft

FigCraft: interface design and prototyping; an open-source, clean-room reimplementation of collaborative design workflows in pure Rust