
Charts & InfographicsGPT Image 2InfographicMinimalistCorporateClean DesignFlat Vector
Infographic cấu trúc GPT-Image-Harness phong cách Nhật Bản
Prompt tạo slide infographic phong cách Nhật Bản giới thiệu cấu trúc dự án GPT-Image-Harness với thiết kế vector phẳng tối giản và chuyên nghiệp. Bố cục gồm sơ đồ cây thư mục ở bên trái, các thẻ tính năng ở bên phải và biểu ngữ tóm tắt ở dưới cùng.
Bản tiếng Anh
{"type":"Japanese infographic slide","style":"clean flat vector presentation graphic, minimal corporate design, white background, dark navy and teal accent colors, subtle light gray borders, crisp typography, balanced spacing","canvas":{"aspect_ratio":"16:9"},"title_block":{"headline":"{argument name="headline text" default="GPT-Image-Harness の基本構成"}","subheadline":"{argument name="subheadline text" default="毎回ゼロから説明しないための、画像生成用作業環境。"}","headline_alignment":"center top","headline_style":"bold sans-serif, very large, dark navy","accent":"short horizontal teal line under headline"},"layout":{"sections":[{"title":"repository tree","position":"left large panel","count":1,"panel_style":"rounded rectangle with light gray outline and dark navy header bar","header_label":"GPT-Image-Harness/","content":{"type":"folder tree","root":"GPT-Image-Harness/","items_count":8,"items":["assets/","reference/","output/","prompts/","skills/","AGENTS.md","SPEC.md"],"hierarchy":"assets contains reference and output; root also contains prompts, skills, AGENTS.md, and SPEC.md","icon_style":"outline folder and document icons, teal for active folders, gray for nested guides"}},{"title":"feature cards","position":"right stacked column","count":5,"panel_style":"five separate rounded white cards with light gray outline, evenly spaced vertically","labels":["assets/reference","assets/output","prompts","skills","AGENTS.md / SPEC.md"],"descriptions":["キャラ設定画像、過去ページ、参照素材を管理","生成画像、修正版、採用候補を整理","漫画用、修正版、用途別プロンプトを管理","Playwrightなど必要なCLI呼び出しや補助機能","運用ルールと全体仕様を明示"],"icons":["image icon","folder icon","document icon","terminal icon","document icon"],"title_color":"teal","body_color":"dark gray"},{"title":"bottom message","position":"bottom full width banner","count":1,"panel_style":"rounded rectangle with light teal outline","content":{"icon":"teal circled checkmark","text":"{argument name="footer message" default="素材・指示・出力・ルールを整理することで、再現性の高い画像生成フローを実現します。"}","emphasis":"the phrase 再現性の高い画像生成フロー is teal and bold"}}],"composition":"title and subtitle centered at top, large repository diagram on left, five explanatory cards on right, summary banner across bottom"},"text_language":"Japanese","visual_details":{"left_panel_header_gradient":"dark navy to slightly lighter navy","folder_tree_line_color":"light gray","teal_hex_approx":"#22B8C7","navy_hex_approx":"#0F2236","background":"very light gray-white"}}Bản tiếng Việt
{"type":"slide infographic tiếng Nhật","style":"đồ họa thuyết trình vector phẳng gọn gàng, thiết kế doanh nghiệp tối giản, nền trắng, màu nhấn xanh navy đậm và xanh mòng két, viền xám nhạt tinh tế, kiểu chữ sắc nét, khoảng cách cân đối","canvas":{"aspect_ratio":"16:9"},"title_block":{"headline":"{argument name="headline text" default="GPT-Image-Harness の基本構成"}","subheadline":"{argument name="subheadline text" default="毎回ゼロから説明しないための、画像生成用作業環境。"}","headline_alignment":"căn giữa phía trên","headline_style":"sans-serif đậm, rất lớn, màu xanh navy đậm","accent":"đường kẻ ngang ngắn màu xanh mòng két dưới tiêu đề chính"},"layout":{"sections":[{"title":"cây thư mục kho lưu trữ","position":"bảng lớn bên trái","count":1,"panel_style":"hình chữ nhật bo góc với viền ngoài màu xám nhạt và thanh tiêu đề màu xanh navy đậm","header_label":"GPT-Image-Harness/","content":{"type":"cây thư mục","root":"GPT-Image-Harness/","items_count":8,"items":["assets/","reference/","output/","prompts/","skills/","AGENTS.md","SPEC.md"],"hierarchy":"assets chứa reference và output; thư mục gốc cũng chứa prompts, skills, AGENTS.md và SPEC.md","icon_style":"biểu tượng thư mục và tài liệu dạng đường nét, màu xanh mòng két cho các thư mục đang hoạt động, màu xám cho các hướng dẫn lồng nhau"}},{"title":"các thẻ tính năng","position":"cột xếp chồng bên phải","count":5,"panel_style":"năm thẻ trắng bo góc riêng biệt với viền ngoài màu xám nhạt, cách đều nhau theo chiều dọc","labels":["assets/reference","assets/output","prompts","skills","AGENTS.md / SPEC.md"],"descriptions":["キャラ設定画像、過去ページ、参照素材を管理","生成画像、修正版、採用候補を整理","漫画用、修正版、用途別プロンプトを管理","Playwrightなど必要なCLI呼び出しや補助機能","運用ルールと全体仕様を明示"],"icons":["image icon","folder icon","document icon","terminal icon","document icon"],"title_color":"xanh mòng két","body_color":"xám đậm"},{"title":"thông điệp dưới cùng","position":"biểu ngữ toàn chiều rộng ở dưới cùng","count":1,"panel_style":"hình chữ nhật bo góc với viền ngoài màu xanh mòng két nhạt","content":{"icon":"dấu tích được khoanh tròn màu xanh mòng két","text":"{argument name="footer message" default="素材・指示・出力・ルールを整理することで、再現性の高い画像生成フローを実現します。"}","emphasis":"cụm từ 再現性の高い画像生成フロー có màu xanh mòng két và in đậm"}}],"composition":"tiêu đề chính và tiêu đề phụ căn giữa ở trên cùng, sơ đồ kho lưu trữ lớn ở bên trái, năm thẻ giải thích ở bên phải, biểu ngữ tóm tắt ở dưới cùng"},"text_language":"tiếng Nhật","visual_details":{"left_panel_header_gradient":"chuyển màu từ xanh navy đậm sang xanh navy nhạt hơn một chút","folder_tree_line_color":"xám nhạt","teal_hex_approx":"#22B8C7","navy_hex_approx":"#0F2236","background":"trắng xám rất nhạt"}}Mẹo sử dụng
Tùy chỉnh cấu trúc cây thư mục và nội dung các thẻ tính năng để phù hợp với dự án của bạn. Có thể thay đổi các mã màu hex (#22B8C7, #0F2236) để đồng bộ với nhận diện thương hiệu.
Nguồn và quyền sử dụng
- Nguồn
- https://x.com/kotsu_kotsu_san/status/2047985664189464819#reversed-3
- Tác giả gốc
- みかみ.ai|AI発信と個人開発
- License prompt
- CC-BY-4.0
- License ảnh
- CC-BY-4.0