Kouzouka

JSONと入れ子構造を視覚的に編集できる構造データエディタ

Kouzouka - Visual Structure Editor for Professional Thinking Turn fragmented thoughts into rigid, structured data with seamless bidirectional editing between visual cards and JSON code. Why Kouzouka? • AI Prompting - Export structured JSON that eliminates ambiguity in AI communication. Rigorous structure in parent-child relationships means drastically improved AI response accuracy. •Customization - Define custom meta-types with colors and names. Build reusable templates for any workflow—from OOP architecture to task decomposition. • Visual + Code Unity - Real-time sync between intuitive drag-and-drop cards and raw JSON editing. See your structure both ways, simultaneously. • External Template System - Store templates in a plugin folder. Any JSON file becomes instantly reusable across projects. Perfect For: AI works - Craft precision prompts with structured task hierarchies Software Architects - Design class structures and module dependencies visually Knowledge Workers - Organize complex concepts with custom-defined categorization System Designers - Map workflows and process flows with logical clarity Key Features: ✓ Bidirectional real-time synchronization ✓ Intuitive drag-and-drop hierarchy editing ✓ Chrome side panel integration—work without context switching ✓ One-click JSON copy to clipboard ✓ Custom meta-type definitions with colors ✓ Template library with external folder support ✓ Export to structured JSON for precise AI communication Use Case Example: Instead of telling AI "make a login system," export Kouzouka's structured JSON showing exact class hierarchies, validation rules, and flow sequences. The result? AI understands your architecture with zero ambiguity. Privacy First: All data stays local—no cloud sync required Your templates, your folder, your control Zero tracking, zero analytics v2.0 - What's New: • External template system with plugin folder • JSON copy button for instant clipboard export • Enhanced field naming (data field) • Template validation with clear error messages Join our Discord community for support, feature requests, and workflow tips! AIとのやりとりで複雑な物を作っていると、ちょいちょい作業を難解な状況に陥れる問題が発生します。 内部構造を人間がリードして先に設計しないためにAIが生み出す構造が進捗過程で煩雑になり、後にリーディングし難いプログラムであったり、重複した情報で中身が意味不明、極めて効率の悪いアーキテクチャになってたり。というのが良くあります。 ビジュアル面ではWEBアプリならHTMLの構造であったり、UIの設計では度々うんち 💩なコードが出現します。 プロンプトとして渡す上で、UIの構造やプログラムの構成、動画であればストーリー、画像であればその絵の構成要素と様子。 これらをJSONやYAML構造化文書とし、AIに渡す事で齟齬が極めて少なくなる。というのを知っている人は多いでしょう。 XMLなどで書くと良い。と公式の情報でも言われますが、XMLは書式に無駄が多く直接人間が書くにも面倒です。 手で書き、姿を見て理解するのに一番間違いが起きにくいのがJSONだと思います。 そこでJSONエディターと、その構造状態を視覚的に見れるビジュアライザ「kouzouka」を作成しました。 JSONコードは各種構造文書にコンバートする機能も追加してあります。 少しでもトークンを減らしたい。という人にも便利です。