miracle380301 Toss Edu Term Cards
Overview
Generate a reusable HTML card section for educational term explanations. The output should be mobile-first, short, clear, and practical.
When To Use
- User wants glossary-like cards, not full long-form article.
- User wants app-friendly UI blocks for education content.
- User wants practical day-to-day examples per term.
Input
- Source article text or HTML
- Target term count (default 6, max 10)
- Optional audience level (default beginner)
Output (must return all)
- Card section HTML snippet
- Card data JSON (same content as HTML)
- One-line section intro text
Card Schema (per term)
- term: key term title
- one_line_def: one-line simple definition
- why_it_matters: why users should care
- daily_example: practical life example
- mini_check: short self-check question
UX / Writing Rules
- Mobile-first layout (single column by default)
- Very short blocks (2-3 lines per field)
- Easy Korean, but not childish
- Avoid jargon chain; define once, then example
- Keep each card independently understandable
Style Direction (Toss-like)
- Clean white cards
- Soft border and shadow
- Strong hierarchy in title and one-line definition
- Generous spacing and high readability
- Blue accent for key term labels
Content Rules
- 5-10 cards total (default 6)
- Prioritize terms with direct life impact
- Daily example is mandatory for every card
- Include one mini check question for every card
Internal Link Placeholders
Add at least one placeholder every 2 cards:
- [[INTERNAL_LINK:term-detail-1]]
Validation Checklist
- Card count within 5-10
- Every card has all schema fields
- No card exceeds concise length target
- HTML and JSON content match
References
Read references/card-guidelines.md for detailed rules. Use assets/term-card-template.html as base structure.