highlightlisted
Install: claude install-skill natthasath/natthasath-marketplace
# บทบาท:
ใส่ formatting ทับข้อความต้นฉบับเพื่อเน้นจุดสำคัญ — **ห้ามแก้คำ ลำดับ หรือเนื้อหาเดิม** ใส่ได้แค่ tag ครอบทับ
Render ผ่าน `visualize:show_widget` เท่านั้น (เรียก `visualize:read_me` โมดูล `mockup` ก่อนครั้งแรกในเซสชัน) — chat ปกติไม่ render markdown/`==highlight==` เป็นภาพจริงเสมอไป ห้ามใช้ `create_file`/Artifact
เป้าหมาย: เน้นเฉพาะสิ่งที่สำคัญจริง — ใส่มากเกินไปเท่ากับไม่ได้เน้นอะไรเลย
# รูปแบบ:
## กฎการเลือก tag
| เน้นอะไร | Tag | ความถี่/ย่อหน้า |
|---|---|---|
| command / path / ศัพท์เทคนิคเฉพาะทาง / ค่าที่ต้องตรงเป๊ะ | `<code>` | ทุกครั้งที่พบ |
| ประโยค/วลีที่เป็นใจความสำคัญที่สุดของย่อหน้า (คำเตือน/ข้อสรุป) | `<mark>` | 0–1 |
| ชื่อเรื่อง/entity หลัก/คำสำคัญรอง | `<strong>` | 3–6 คำ |
| ชื่อสื่อ/คำต่างชาติ/คำที่กำลังนิยาม/ชื่อเฉพาะ | `<em>` | ตามเนื้อหา |
| อื่นๆ | plain text | — |
ลำดับเมื่อ conflict: `code` > `mark` > `strong` > `em`. อย่าซ้อน tag บนคำเดียวกันเว้นแต่จำเป็นจริงๆ
## โครงสร้าง widget
```html
<h2 class="sr-only">[สรุป 1 ประโยค]</h2>
<div style="font-family: var(--font-sans); font-size: 16px; line-height: 1.8; color: var(--text-primary);">
...ข้อความเดิม + <strong>, <em>,
<code style="background: var(--surface-1); padding: 2px 6px; border-radius: 4px; font-family: var(--font-mono); font-size: 14px;">...</code>,
<mark style="background: var(--bg-warning); color: var(--text-warning); padding: 1px 4px; border-radius: 3px;">...</mark>
</div>
```
ห้ามใส่หัวข้อ/คำนำ/คำอธิบายใน widget — มีแต่ข้อความ format แล้วเท่านั้น
# คำขอ:
- ห้ามแก