注意
これらのツールは「vibe coding」で開発されています。
予期しない動作や不具合が発生する可能性があります十分ご注意ください。
予期しない動作や不具合が発生する可能性があります十分ご注意ください。
My Dev Tools
Vibe Coding で作成したツール集
🎨
デザイン・UI
カラー、レイアウト、シャドウなどのデザインツール
カラーパレット生成
美しい配色を自動生成・アクセシビリティチェック
グラデーション作成
CSS/SVGグラデーションをビジュアル作成
シャドウ生成
box-shadow/text-shadowをリアルタイム調整
Flexbox プレイグラウンド
Flexboxレイアウトをインタラクティブ学習
CSS Grid 生成
グリッドレイアウトをビジュアル作成
カラーコントラストチェッカー
New
WCAG準拠のアクセシビリティチェック
カラーコード変換
New
HEX/RGB/HSL/HSV/CMYK相互変換・色理論パレット生成
アニメーション生成
New
CSS/SVGアニメーションを視覚的に作成
フォントペアリング
New
相性の良いフォントの組み合わせを提案
🖼️
画像・メディア
画像変換、圧縮、編集、メタデータ処理ツール
画像編集ツール
フォーマット変換・リサイズ・フィルター一括処理
画像圧縮・最適化
ファイルサイズを削減して読み込み高速化
画像比較・差分確認
2つの画像を並べて詳細比較
画像メタデータ確認
Exif情報表示・プライバシー保護削除
スプライトシート作成
複数画像を1つにまとめてCSS生成
ファビコン生成
各種サイズのファビコンを一括作成
カラーパレット抽出
画像から主要色を自動抽出
Base64画像変換
画像をBase64データURIに変換
WebP/AVIF変換
New
次世代画像フォーマットへの一括変換
SVG最適化
New
SVGファイルを最適化してサイズ削減
AI背景除去
New
ブラウザ上で画像の背景を自動検出・除去
ブラー生成
New
プレースホルダー用のブラー画像生成
アスキーアート変換
New
画像をテキストアートに変換
動画編集・圧縮
2分以内の動画トリミング・圧縮
📝
テキスト・文書
テキスト処理、生成、比較、カウンターツール
🔄
変換・コンバーター
データ形式の相互変換、エンコードツール
⚡
開発・セキュリティ
JSON処理、JWT解析、ID生成、パスワード生成ツール
📊
データ・分析
データ処理、解析、可視化ツール
🧮
計算・数学
各種計算、変換、グラフ描画ツール