# Toss Edu Term Cards

> Use when the user wants app-friendly educational glossary card sections (Toss-like clean UX) from article or HTML content, with easy Korean explanations and practical examples.

- Skill: `miracle380301/toss-edu-term-cards` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add miracle380301/toss-edu-term-cards`
- Raw SKILL.md: https://api.skillmd.com/api/skills/miracle380301/toss-edu-term-cards/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: miracle380301 (https://skillmd.com/u/miracle380301)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/miracle380301/toss-edu-term-cards

---


# 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)
1. Card section HTML snippet
2. Card data JSON (same content as HTML)
3. 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.