Kouzouka

About

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コードは各種構造文書にコンバートする機能も追加してあります。
少しでもトークンを減らしたい。という人にも便利です。