ํฐ์คํ ๋ฆฌ ๋ทฐ
๐ 2026 Claude SKILL.md ์ค๊ณ ํจํด ๋ญํน TOP 10
octo54 2026. 5. 20. 11:18
๐ 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
'๊ธ > ํธ๋ ๋ Ranking' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| ๐ง 2026 Claude Skill ํด๋ ๊ตฌ์กฐ ํธ๋ ๋ ๋ญํน TOP 10 (0) | 2026.05.19 |
|---|---|
| ๐ 2026 Claude Code Skill Stack ๋ญํน TOP 10 (0) | 2026.05.08 |
| ๐ง 2026 Claude Code Skill ์ค์ ์ ์ ํธ๋ ๋ ๋ญํน TOP 10 (0) | 2026.05.06 |
| ๐ง 2026 Claude Code Skill ์์ธ ๋ญํน TOP 15 (0) | 2026.05.04 |
| ๐ง 2026 LLM Harness ํธ๋ ๋ ๋ญํน TOP 10 (0) | 2026.05.04 |
- Total
- Today
- Yesterday
- DevOps
- flax
- fastapi
- CI/CD
- REACT
- kotlin
- NestJS
- seo ์ต์ ํ 10๊ฐ
- JWT
- PostgreSQL
- JAX
- ๋ฅ๋ฌ๋
- nextJS
- Python
- ai์ฒ ํ
- ๊ฐ๋ฐ๋ธ๋ก๊ทธ
- ์น๊ฐ๋ฐ
- ์์ฑํAI
- ๋ฐฑ์๋๊ฐ๋ฐ
- Express
- SEO์ต์ ํ
- llm
- nodejs
- node.js
- Next.js
- ์ฟ ๋ฒ๋คํฐ์ค
- ์ฃผ๋์ด๊ฐ๋ฐ์
- LangChain
- Prisma
- rag
| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 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 |

