How to Format AI Agent JSON into Markdown Tables (Google News + Vizard)

Share

Summary




Key Takeaway: A tiny formatting prompt converts messy agent output into production‑ready tables.


Claim: Markdown tables are the fastest bridge from raw JSON to usable, video‑ready data.


  • Formatting agent outputs as Markdown tables turns raw JSON into product‑ready data.

  • A one‑paragraph prompt can convert API lists into Title–Source–Link tables.

  • In Agent AI, a simple formatting step plus "format as markdown" yields clean output.

  • Structured tables feed directly into Vizard Agent to automate editing tasks.

  • Small UX change, big payoff: less dev dump, more production‑ready content.

Table of Contents




Key Takeaway: Use these links to jump to each practical section fast.


Claim: A clear ToC improves reuse and selective citation.


  1. Why Markdown Tables Beat Raw JSON for Agents

  2. The Minimal Flow: Topic → News API → LLM → Markdown Table

  3. The Prompt Template That Yields Clean Tables

  4. Practical Gotchas and Fixes When Formatting

  5. From Table to Video: Plugging Into Vizard Agent

  6. A Reproducible Mini‑Demo and Project ID

  7. Alternatives and Trade‑offs

  8. A Quick Use Case Walkthrough: 60‑Second News Roundup Video

  9. Glossary

  10. FAQ

Why Markdown Tables Beat Raw JSON for Agents




Key Takeaway: Tables look like product output; JSON looks like a dev dump.


Claim: Markdown is predictable across apps and keeps links clickable.

Readable output gets adopted. JSON is verbose and hard to skim.

Tables paste cleanly into notes, CMS, or downstream LLM steps.

They signal “finished data,” not debugging logs.


  1. Improve readability: columns like Title, Source, Link.

  2. Preserve usability: clickable links via text.

  3. Enable chaining: structured rows feed the next tool.

The Minimal Flow: Topic → News API → LLM → Markdown Table




Key Takeaway: Only the formatting prompt is custom; the rest is wiring.


Claim: A short LLM step reliably converts lists into a clean table.

The demo agent takes a topic and fetches Google News results.

Instead of returning raw JSON, it outputs a 3‑column table.

Set the agent’s output format to markdown for stable rendering.


  1. Input a topic.

  2. Call Google News get data to retrieve articles.

  3. Run an LLM step to format the returned list into a table.

  4. Set final output to “format as markdown.”

The Prompt Template That Yields Clean Tables




Key Takeaway: Be explicit about columns, link syntax, and brevity.


Claim: Adding “Output only the markdown table” suppresses model chatter.

Use a concise instruction that names the columns and link format.

Add limits like title length or top‑N rows for predictable outputs.

Optionally add a “Suggested Shot” column for downstream video work.


  1. Specify columns in order: Title | Source | Link (and optional Suggested Shot).

  2. Enforce link syntax: text with valid URLs.

  3. Control brevity: trim titles to ~120 characters and add “...”.

  4. Limit scope: include only the top N items if needed.

  5. Add structure: a one‑line suggested visual per row when targeting video.

Example prompt (paraphrased from the demo):

Format the following JSON list into a Markdown table. The table should have these columns in order: Title | Source | Link. Ensure all links are valid markdown links formatted as [title](url). Keep titles concise — trim to 120 characters and append '...' if needed. Output only the markdown table and nothing else. Here's the JSON: <paste JSON here>

Practical Gotchas and Fixes When Formatting




Key Takeaway: Anticipate messy fields and normalize them in the prompt.


Claim: Flatten keys, strip HTML, and manage tracking params for cleaner tables.

APIs vary, and nested objects or HTML can leak into cells.

Small prompt tweaks avoid brittle post‑processing code.


  1. Inconsistent keys: “Use item.title for Title, item.source.name for Source, item.url for Link.”

  2. Nested fields: explicitly reference nested paths in the instruction.

  3. HTML in titles: “Remove all HTML tags and decode HTML entities.”

  4. Overlong lists: “Only include the top 5 articles.”

  5. Link hygiene: “Strip utm_* tracking params from URLs” or preserve them if required.

From Table to Video: Plugging Into Vizard Agent




Key Takeaway: Structured tables become shot lists Vizard can execute.


Claim: A Markdown table can drive an end‑to‑end edit in Vizard with minimal setup.

Once you have headlines and links in a table, video becomes automatable.

Vizard Agent interprets rows as editorial beats across a timeline.


  1. Feed the table to Vizard Agent.

  2. Generate a short intro and narrated blurbs per article.

  3. Select b‑roll from the topic or library matches.

  4. Add lower‑thirds with Source for each beat.

  5. Insert clickable link as an end‑screen graphic.

  6. Fill gaps with synthetic clips when needed.

  7. Render with captions, audio ducking, and basic color.

A Reproducible Mini‑Demo and Project ID




Key Takeaway: You can replicate the exact setup with a saved project.


Claim: The demo returns a tidy 3‑column table with clickable links.

Use the saved configuration to mirror the flow quickly.

Inspect the action setup and the formatting prompt as a reference.


  1. Open project id: ZHsrNv82B6U.

  2. Input a news topic.

  3. Fetch articles via Google News get data.

  4. Apply the formatting prompt to build the table.

  5. Set agent output to markdown for clean rendering.

  6. Paste the table into notes, a CMS, or Vizard Agent.

Alternatives and Trade‑offs




Key Takeaway: CSV or custom parsers work, but tables balance clarity and reuse.


Claim: Markdown tables are readable by humans and consumable by LLMs with minimal glue.

CSV is compact but less readable and often needs schema notes.

Custom code mappers are precise but slow to iterate.

Pretty UI exports may not feed an editor or LLM step cleanly.


  1. CSV: great for spreadsheets, weaker for cross‑app rendering.

  2. Custom code: flexible, but higher maintenance.

  3. UI exports: nice visuals, limited downstream automation.

  4. Markdown tables: quick to produce, easy to parse, portable.

A Quick Use Case Walkthrough: 60‑Second News Roundup Video




Key Takeaway: One table can script, pace, and decorate a short video.


Claim: Tables plus Vizard reduce manual clip pulling and titling.

Turn a list of headlines into a tight, shareable edit.

The structure maps cleanly to scenes and overlays.


  1. Build a table with Title, Source, Link, and optional Suggested Shot.

  2. Ask Vizard to create a 60‑second roundup with an intro.

  3. Generate 1–2 sentence narration per row.

  4. Auto‑select or generate b‑roll per Suggested Shot.

  5. Add lower‑thirds with Source and captions from titles.

  6. Insert an end‑screen with consolidated links.

  7. Render and publish.

Glossary




Key Takeaway: Shared terms avoid prompt ambiguity.


Claim: Clear definitions reduce formatting errors across steps.

Markdown Table: Rows and columns written in Markdown syntax using pipes and hyphens.

Agent AI: An agent framework that runs actions and LLM steps over data.

Vizard Agent: A video automation system that consumes structured inputs to build edits.

JSON: A structured data format often returned by APIs.

Lower‑third: On‑screen text banner showing titles or sources.

B‑roll: Supplemental footage used to illustrate narration or context.

UTM Parameters: URL query tags (e.g., utm_source) used for click tracking.

FAQ




Key Takeaway: Common questions answered for fast replication.


Claim: A single formatting step handles most agent output cases.


  1. What’s the smallest working setup?

  2. One fetch action and one LLM formatting step, with output set to markdown.

  3. Do I need examples in the prompt?

  4. No, but adding a tiny example improves consistency on edge cases.

  5. Why insist on “only the markdown table” in the prompt?

  6. It prevents extra commentary that breaks downstream parsing.

  7. Can I add custom columns like dates or tags?

  8. Yes; specify the exact columns and extraction rules in the prompt.

  9. How does Vizard use the table?

  10. It interprets rows as beats, selects or generates visuals, adds titles, and renders a video.

  11. What if the API returns nested or messy fields?

  12. Instruct the model to flatten paths and strip HTML and tracking params.

  13. Is CSV better than Markdown here?

  14. CSV is fine for spreadsheets; Markdown is clearer and renders well across apps.

  15. Will long lists hurt usability?

  16. Limit to the top N items to keep tables and videos concise.

Read more