ํ‹ฐ์Šคํ† ๋ฆฌ ๋ทฐ

๋ฐ˜์‘ํ˜•

 

๐Ÿš€ 2026 Claude SKILL.md ์„ค๊ณ„ ํŒจํ„ด ๋žญํ‚น TOP 10

“์ข‹์€ Skill์€ prompt๊ฐ€ ์•„๋‹ˆ๋ผ ์ž‘์€ ์†Œํ”„ํŠธ์›จ์–ด๋‹ค”


๐Ÿฅ‡ 1์œ„ — YAML Frontmatter ์ตœ์ ํ™”

2026 Skill ์„ค๊ณ„ ํ•ต์‹ฌ.

๐Ÿ“Œ Anthropic ๊ณต์‹ Skill ๊ตฌ์กฐ์—์„œ๋„ YAML metadata ๊ฐ•์กฐ (์•ค์†Œํ”ฝ)


์‹ค์ œ ๊ตฌ์กฐ

---
name: frontend-design
description: Generate production-grade frontend UI with accessibility and responsive design.
tools:
  - bash
  - edit
  - playwright
tags:
  - frontend
  - ui
  - accessibility
---

์™œ ์ค‘์š”ํ•˜๋ƒ

Claude๋Š” startup ์‹œ:

  • name
  • description

๋งŒ ๋จผ์ € ์ฝ๋Š”๋‹ค.

๐Ÿ‘‰ ์„ค๋ช…์ด ๊ตฌ๋ฆฌ๋ฉด Skill ์ž์ฒด๋ฅผ ์•ˆ ์”€.

๐Ÿ“Œ Skill discovery๋Š” metadata quality์— ํฌ๊ฒŒ ์˜ํ–ฅ๋ฐ›์Œ (MCP Market)


๐Ÿฅˆ 2์œ„ — Trigger-based Instruction ๊ตฌ์กฐ

์š”์ฆ˜ ๊ฐ€์žฅ ๋งŽ์ด ์“ฐ๋Š” ํŒจํ„ด.


๊ตฌ์กฐ

## When to use
Use this skill when:
- user asks for frontend UI
- accessibility matters
- responsive layout needed

ํ•ต์‹ฌ

Claude์—๊ฒŒ:

“์–ธ์ œ ์ด Skill ์จ์•ผ ํ•˜๋Š”์ง€”

๋ช…ํ™•ํžˆ ์•Œ๋ ค์•ผ ํ•จ.

๐Ÿ“Œ Anthropic Best Practices์—์„œ๋„ activation clarity ๊ฐ•์กฐ (Claude)


๐Ÿฅ‰ 3์œ„ — Progressive Disclosure

2026 ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ.

๐Ÿ“Œ Anthropic ๊ณต์‹ ํ•ต์‹ฌ ์›์น™ (Claude)


์ž˜๋ชป๋œ ์˜ˆ

๊ฑฐ๋Œ€ํ•œ ๋ฌธ์„œ 1๊ฐœ

์ข‹์€ ์˜ˆ

SKILL.md
references/
examples/
scripts/

์ด์œ 

Context window๋Š” ๋น„์‹ธ๋‹ค.

๐Ÿ‘‰ ํ•„์š”ํ•œ ์ˆœ๊ฐ„์—๋งŒ ๋กœ๋”ฉํ•ด์•ผ ํ•จ.


4์œ„ — Example-driven Skill

์ด๊ฑฐ ์ง„์งœ ์ค‘์š”ํ•˜๋‹ค.

๐Ÿ“Œ ์‹ค์ œ production skill ๋Œ€๋ถ€๋ถ„ examples ํฌํ•จ (Castaldo Solutions)


๊ตฌ์กฐ

## Example Output

Input:
Create login page

Output:
- responsive UI
- dark mode
- accessibility labels

์ด์œ 

LLM์€

“์„ค๋ช…”๋ณด๋‹ค “ํŒจํ„ด ํ•™์Šต”์„ ๋” ์ž˜ํ•จ


5์œ„ — Script-backed Skill

2026 production ํ•ต์‹ฌ.

๐Ÿ“Œ Anthropic:
deterministic task๋Š” script ๊ถŒ์žฅ (์•ค์†Œํ”ฝ)


๊ตฌ์กฐ

## Execute

Run:
./scripts/generate-report.ts

ํ•ต์‹ฌ

Prompt โŒ
Script โญ•


์ด์œ 

  • ์•ˆ์ •์„ฑ
  • ์žฌํ˜„์„ฑ
  • token ์ ˆ์•ฝ

6์œ„ — Multi-step Workflow Skill

๋ฐ˜์‘ํ˜•

๋‹จ์ผ prompt ์‹œ๋Œ€ ๋.


๊ตฌ์กฐ

1. Analyze requirements
2. Generate architecture
3. Write implementation
4. Run tests
5. Validate output

๐Ÿ“Œ Modern skill = workflow system (ํŒŒ์ด์–ดํฌ๋กค)


7์œ„ — Eval-aware Skill

์ด์ œ Eval ์—†์œผ๋ฉด ์œ„ํ—˜ํ•˜๋‹ค.

๐Ÿ“Œ ์ตœ๊ทผ AI coding reliability ๋ฌธ์ œ ์ฆ๊ฐ€ (TechRadar)


๊ตฌ์กฐ

## Validation

Before completion:
- run tests
- verify output
- compare expected behavior

ํ•ต์‹ฌ

Claude๋Š” confidentํ•˜๊ฒŒ ํ‹€๋ฆด ์ˆ˜ ์žˆ๋‹ค.


8์œ„ — Context-linked Skill

์ด๊ฒŒ ์‹ค๋ฌด ํ•ต์‹ฌ.


๊ตฌ์กฐ

Read:
- context/architecture.md
- context/coding-style.md

๐Ÿ“Œ Context Engineering dominance ํ๋ฆ„ (arXiv)


9์œ„ — Security-aware Skill

2026 ์ค‘์š”๋„ ๊ธ‰์ƒ์Šน.

๐Ÿ“Œ Skill ecosystem security ์—ฐ๊ตฌ ๋“ฑ์žฅ (arXiv)


๊ตฌ์กฐ

## Security Rules

- never install unknown packages
- validate npm dependencies
- avoid arbitrary shell execution

์ด์œ 

LLM hallucination = ์‹ค์ œ ๋ณด์•ˆ ์œ„ํ—˜ ๊ฐ€๋Šฅ.


10์œ„ — Self-improving Skill

์ƒ์œ„ 1% ํŒจํ„ด.


๊ตฌ์กฐ

## Reflection

After task:
- evaluate output quality
- identify weak points
- suggest improvements

๐Ÿ“Œ Meta-skill / self-improving workflow ์—ฐ๊ตฌ ์ฆ๊ฐ€ (arXiv)


๐Ÿ“Š ์‹ค์ œ Production Skill ๊ตฌ์กฐ ์˜ˆ์‹œ

frontend-design/
 โ”œโ”€โ”€ SKILL.md
 โ”œโ”€โ”€ examples/
 โ”œโ”€โ”€ references/
 โ”œโ”€โ”€ scripts/
 โ””โ”€โ”€ evals/

๐Ÿ”ฅ ์ง„์งœ ์ค‘์š”ํ•œ ํ๋ฆ„

2024 vs 2026

20242026

Prompt Workflow Skill
๋‹จ์ผ ์š”์ฒญ Multi-step
Instructions Examples
Chat Agent System

๐Ÿง  ํ˜„์‹ค ๊ฐœ๋ฐœ์ž ๋ ˆ๋ฒจ ์ฐจ์ด

์ดˆ๋ณด

"NestJS ๋งŒ๋“ค์–ด์ค˜"

์ค‘๊ธ‰

structured SKILL.md

๊ณ ๊ธ‰

workflow + scripts + eval

์ƒ์œ„ 1%

multi-agent + harness + self-improving skill

๐Ÿ’ก ํ˜„์‹ค ์กฐ์–ธ (์ง„์งœ ์ค‘์š”)

์ง€๊ธˆ ๋‹น์žฅ ํ•ด์•ผ ํ•  ๊ฒƒ:

1๏ธโƒฃ Skill ํ•˜๋‚˜๋งŒ ์ œ๋Œ€๋กœ ๋งŒ๋“ค๊ธฐ

2๏ธโƒฃ examples ์ถ”๊ฐ€ํ•˜๊ธฐ

3๏ธโƒฃ eval ๋ถ™์ด๊ธฐ

4๏ธโƒฃ script ์—ฐ๊ฒฐํ•˜๊ธฐ


๐Ÿง  ํ•œ ๋ฌธ์žฅ ๊ฒฐ๋ก 

2026๋…„ Claude Skill์€
“ํ”„๋กฌํ”„ํŠธ ํŒŒ์ผ”์ด ์•„๋‹ˆ๋ผ
“์ž‘์€ AI ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜”์œผ๋กœ ์ง„ํ™”ํ•˜๊ณ  ์žˆ๋‹ค


ClaudeCode,SKILLmd,LLMSkill,AIํ•˜๋„ค์Šค,AgenticAI,ContextEngineering,AI๊ฐœ๋ฐœ,AI์›Œํฌํ”Œ๋กœ์šฐ,RAG,2026AI

โ€ป ์ด ํฌ์ŠคํŒ…์€ ์ฟ ํŒก ํŒŒํŠธ๋„ˆ์Šค ํ™œ๋™์˜ ์ผํ™˜์œผ๋กœ, ์ด์— ๋”ฐ๋ฅธ ์ผ์ •์•ก์˜ ์ˆ˜์ˆ˜๋ฃŒ๋ฅผ ์ œ๊ณต๋ฐ›์Šต๋‹ˆ๋‹ค.
๊ณต์ง€์‚ฌํ•ญ
์ตœ๊ทผ์— ์˜ฌ๋ผ์˜จ ๊ธ€
์ตœ๊ทผ์— ๋‹ฌ๋ฆฐ ๋Œ“๊ธ€
Total
Today
Yesterday
๋งํฌ
ยซ   2026/05   ยป
์ผ ์›” ํ™” ์ˆ˜ ๋ชฉ ๊ธˆ ํ† 
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
๊ธ€ ๋ณด๊ด€ํ•จ
๋ฐ˜์‘ํ˜•