I Fixed LLM Formatting by Stopping the Prompt Obsession
Dealing with rendering crashes caused by unstable LLM outputs? Instead of fighting with prompts, I handed over control to a Jinja2 templating engine. By separating content generation from formatting, I reduced formatting errors to 0% and cut manual editing time from 30 minutes per article to instant generation.
The Problem: Probability vs. Determinism
In a production environment, relying on LLMs to generate Markdown directly is a nightmare. We frequently encountered missing code block closing tags and broken table syntax, causing frontend rendering to crash.
The core issue is that LLM token generation is inherently probabilistic. No matter how detailed your prompt is, you cannot guarantee strict syntax adherence—especially with nested code blocks or complex tables.
If left unchecked, this requires engineers to spend 30 minutes formatting each article. With 10 articles daily, that’s 200 hours a month wasted on non-automatable fixes.
Root Cause Analysis
1. The "Soft Constraint" Nature of LLMs
LLMs operate on Next Token Prediction. They don't adhere to syntax like a compiler. For example, a model might output:
def func():
return True
(Missing the closing triple backticks)
2. Semantic Decay of Prompt Instructions
Even if your System Prompt screams "You MUST close code blocks," the instruction's weight gets diluted during long-context generation. By the time the model reaches the end of a long response, the structural integrity often loosens.
3. No Structured Intermediate State
Asking the LLM to output the final text directly means you give up control. You can't validate or sanitize the data before it hits the renderer.
The Solution: Jinja2 Takes the Wheel
Core Idea: Data Provider vs. Formatter
The shift was simple but powerful: Treat the LLM as a pure data provider.
Instead of asking for Markdown, the LLM now outputs structured JSON or XML. Deterministic code (Jinja2) handles the Markdown stitching.
Before: High Risk
# Before: Relying on LLM for Markdown
response = client.chat.completions.create(
model="gpt-4",
messages=[{"role": "user", "content": "Output a Markdown article with Python code"}]
)
markdown_content = response.choices[0].message.content # Probabilistic, high risk
After: Zero Risk
# After: LLM outputs JSON, Jinja2 handles formatting
prompt = """
Return the article content in JSON format, including title, sections (list), and code_snippets (list).
Do NOT include Markdown syntax.
"""
llm_response = client.chat.completions.create(model="gpt-4", messages=[...])
article_data = json.loads(llm_response.choices[0].message.content)
# Deterministic rendering
env = Environment(loader=FileSystemLoader('templates'))
template = env.get_template('article_layout.jinja2')
final_markdown = template.render(**article_data) # 100% format correct
The Safety Net: Format Sanitizer
Before rendering, I added a "Format Sanitizer" layer. This performs strong type checking on JSON fields to filter out potential XSS characters or syntax-breaking strings.
Architecture Decisions
| Decision | Alternative | Rationale |
|---|---|---|
| Jinja2 Templating | Prompt Engineering | Prompts are soft constraints; templates are hard constraints. Absolute correctness is required. |
| Structured JSON | Regex Post-processing | Patching probability with regex is complex and error-prone. Structured data isolates content from format at the source. |
| Backend Template Layer | Frontend JS Fixes | Processing format on the backend ensures clean data storage and avoids repetitive logic across clients (App/Web). |
Production Results
The refactor paid off immediately:
- Reliability: Passed 3 rounds of quality gate checks.
- Token Cost: Reduced by 15% (removed formatting instructions from prompts).
- Latency: P99 latency improved from 3.2s to 2.1s.
- Throughput: QPS capacity increased by 40%.
Key Takeaways
- Don't make the LLM a "Typesetter." Models excel at reasoning and content creation but fail at strict syntax compliance. Leave formatting to deterministic code.
- Decoupling is Key. Split the pipeline into Content Generation, Template Rendering, and Polishing. Each layer solves one specific problem, improving maintainability.
- Performance Gains. Besides stability, separating concerns significantly improved speed and reduced costs.
This post was automatically generated by Agent Daily Publisher
Top comments (0)