Skip to content

๐Ÿ› ๏ธ ์—์ด์ „ํŠธ ์Šคํ‚ฌ

License

Notifications You must be signed in to change notification settings

DaleStudy/skills

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

19 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

DaleStudy Skills

๋‹ฌ๋ ˆ ์Šคํ„ฐ๋””์˜ ์—์ด์ „ํŠธ ์Šคํ‚ฌ ๋ชจ์Œ์ž…๋‹ˆ๋‹ค.

๋‹ค์–‘ํ•œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ์ž์ฃผ ์“ฐ๋Š” ์ง€์‹, ๋ฐ˜๋ณต๋˜๋Š” ์ฒดํฌ๋ฆฌ์ŠคํŠธ, ๋…ธํ•˜์šฐ, ๋ชจ๋ฒ” ๊ด€ํ–‰, ์•ˆํ‹ฐ ํŒจํ„ด ๊ฐ™์€ ๊ฒƒ๋“ค์ด ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ์ง€์‹ ์ž์‚ฐ์œผ๋กœ ์Œ“์ž…๋‹ˆ๋‹ค. ์ด์ œ ์ด๋Ÿฐ ๊ณต๋™ ์ง€์‹์„ AI ์—์ด์ „ํŠธ๋„ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก Agent Skills ํ˜•์‹์œผ๋กœ ์ฒด๊ณ„ํ™”ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋น ๋ฅธ ์‹œ์ž‘

์ „์ฒด ์Šคํ‚ฌ ์„ค์น˜

npx skills add dalestudy/skills

๋˜๋Š” Bun ์‚ฌ์šฉ ์‹œ:

bunx skills add dalestudy/skills

ํŠน์ • ์Šคํ‚ฌ๋งŒ ์„ค์น˜

npx skills add dalestudy/skills --skill bun

์Šคํ‚ฌ ๋ชฉ๋ก

Node.js ๋Œ€์‹  Bun ๋Ÿฐํƒ€์ž„ ์‚ฌ์šฉ์„ ์œ„ํ•œ ๊ฐ€์ด๋“œ

์ฃผ์š” ๊ธฐ๋Šฅ:

  • npm/yarn โ†’ bun ๋ช…๋ น์–ด ๋งคํ•‘
  • ํ”„๋กœ์ ํŠธ ์ดˆ๊ธฐํ™” ๋ฐ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ
  • GitHub Actions CI ์„ค์ •
  • Node.js ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ์ฒดํฌ๋ฆฌ์ŠคํŠธ

์–ธ์ œ ํ™œ์„ฑํ™”๋˜๋‚˜์š”?

  • package.json์—์„œ bun ๊ด€๋ จ ์ž‘์—… ์‹œ
  • "bun์œผ๋กœ ํ”„๋กœ์ ํŠธ ์‹œ์ž‘ํ•ด์ค˜" ๊ฐ™์€ ์š”์ฒญ ์‹œ
npx skills add dalestudy/skills --skill bun

GitHub Actions ์›Œํฌํ”Œ๋กœ์šฐ ์ž‘์„ฑ ์‹œ ๋ณด์•ˆ๊ณผ ์ตœ์‹  ๋ฒ„์ „ ๊ด€๋ฆฌ

์ฃผ์š” ๊ธฐ๋Šฅ:

  • ์ตœ์‹  ์•ก์…˜ ๋ฒ„์ „ ์ž๋™ ํ™•์ธ (gh api ํ™œ์šฉ)
  • ์ตœ์†Œ ๊ถŒํ•œ ์›์น™ ๋ฐ ์‹œํฌ๋ฆฟ ๊ด€๋ฆฌ
  • ์ž…๋ ฅ๊ฐ’ ์ธ์ ์…˜ ๋ฐฉ์ง€ ํŒจํ„ด
  • pull_request_target ๋ณด์•ˆ ๊ฐ€์ด๋“œ

์–ธ์ œ ํ™œ์„ฑํ™”๋˜๋‚˜์š”?

  • .github/workflows/ ํŒŒ์ผ ์ž‘์—… ์‹œ
  • "CI ์›Œํฌํ”Œ๋กœ์šฐ ๋งŒ๋“ค์–ด์ค˜" ๊ฐ™์€ ์š”์ฒญ ์‹œ
  • uses:, actions/ ํ‚ค์›Œ๋“œ ํฌํ•จ ์ž‘์—… ์‹œ
npx skills add dalestudy/skills --skill github-actions

Storybook ์Šคํ† ๋ฆฌ ์ž‘์„ฑ ๋ฐ CSF 3.0 ๋ฒ ์ŠคํŠธ ํ”„๋ž™ํ‹ฐ์Šค

์ฃผ์š” ๊ธฐ๋Šฅ:

  • CSF 3.0 ํ˜•์‹๊ณผ ํƒ€์ž… ์•ˆ์ „ํ•œ ํŒจํ„ด
  • Args ๊ธฐ๋ฐ˜ ์Šคํ† ๋ฆฌ ์ž‘์„ฑ ๋ฐ ์žฌ์‚ฌ์šฉ
  • Decorators๋กœ ์ปจํ…์ŠคํŠธ ์ œ๊ณต (Theme, Router, Provider ๋“ฑ)
  • Parameters์™€ ArgTypes ์„ธ๋ฐ€ํ•œ ์ œ์–ด

์–ธ์ œ ํ™œ์„ฑํ™”๋˜๋‚˜์š”?

  • .stories.tsx, .stories.ts ํŒŒ์ผ ์ž‘์—… ์‹œ
  • "Button ์ปดํฌ๋„ŒํŠธ ์Šคํ† ๋ฆฌ ๋งŒ๋“ค์–ด์ค˜" ๊ฐ™์€ ์š”์ฒญ ์‹œ
  • storybook, CSF ํ‚ค์›Œ๋“œ ํฌํ•จ ์ž‘์—… ์‹œ
npx skills add dalestudy/skills --skill storybook

์ƒˆ ์Šคํ‚ฌ ์ƒ์„ฑ ๋ฐ ๊ด€๋ฆฌ ๊ฐ€์ด๋“œ

์ฃผ์š” ๊ธฐ๋Šฅ:

  • SKILL.md ํ˜•์‹ ๋ฐ frontmatter ๊ทœ์น™
  • ์Šคํ‚ฌ ์ƒ์„ฑ 6๋‹จ๊ณ„ ํ”„๋กœ์„ธ์Šค
  • ์ž๋™ ๊ฒ€์ฆ ๋ฐ ํŒจํ‚ค์ง•

์–ธ์ œ ํ™œ์„ฑํ™”๋˜๋‚˜์š”?

  • "์ƒˆ ์Šคํ‚ฌ ๋งŒ๋“ค์–ด์ค˜" ์š”์ฒญ ์‹œ
  • /skill-creator ๋ช…๋ น์–ด ์‚ฌ์šฉ ์‹œ
  • SKILL.md ์ž‘์„ฑ ๋˜๋Š” ์ˆ˜์ • ์‹œ
npx skills add dalestudy/skills --skill skill-creator

์‚ฌ์šฉ๋ฒ•

์„ค์น˜ ํ›„ ๊ฐ AI ๋„๊ตฌ์—์„œ ์ž๋™์œผ๋กœ ํ™œ์„ฑํ™”๋ฉ๋‹ˆ๋‹ค:

๋„๊ตฌ ํ™œ์„ฑํ™” ๋ฐฉ์‹ ์˜ˆ์‹œ
Claude Code ์ž๋™ (ํ‚ค์›Œ๋“œ ๊ฐ์ง€) ๋˜๋Š” ์Šฌ๋ž˜์‹œ ๋ช…๋ น์–ด "GitHub Actions ์›Œํฌํ”Œ๋กœ์šฐ ๋งŒ๋“ค์–ด์ค˜"
Cursor ํŒŒ์ผ ํŒจํ„ด ๋งค์นญ .stories.tsx ํŒŒ์ผ ์—ด๋ฉด ์ž๋™ ํ™œ์„ฑํ™”
GitHub Copilot @workspace ๋ฉ˜์…˜ @workspace Storybook ์Šคํ† ๋ฆฌ ์ž‘์„ฑ ๋ฐฉ๋ฒ•

์Šคํ‚ฌ ๊ตฌ์กฐ

๊ฐ ์Šคํ‚ฌ์€ Agent Skills ์ŠคํŽ™์„ ๋”ฐ๋ฆ…๋‹ˆ๋‹ค:

skill-name/
โ”œโ”€โ”€ SKILL.md          # ํ•„์ˆ˜: YAML frontmatter + ๋งˆํฌ๋‹ค์šด ์ง€์‹œ์‚ฌํ•ญ
โ”œโ”€โ”€ scripts/          # ์„ ํƒ: ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์Šคํฌ๋ฆฝํŠธ
โ”œโ”€โ”€ references/       # ์„ ํƒ: ์ฐธ์กฐ ๋ฌธ์„œ
โ””โ”€โ”€ assets/           # ์„ ํƒ: ํ…œํ”Œ๋ฆฟ, ์ด๋ฏธ์ง€ ๋“ฑ

๊ธฐ์—ฌํ•˜๊ธฐ

์ƒˆ ์Šคํ‚ฌ์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ๊ธฐ์กด ์Šคํ‚ฌ์„ ๊ฐœ์„ ํ•˜๊ณ  ์‹ถ์œผ์‹œ๋‹ค๋ฉด:

  1. skill-creator ์Šคํ‚ฌ ์„ค์น˜
npx skills add dalestudy/skills --skill skill-creator
  1. ์ƒˆ ์Šคํ‚ฌ ์ดˆ๊ธฐํ™”
npx skills init <์Šคํ‚ฌ๋ช…>

๋˜๋Š” Claude Code์—์„œ:

/skill-creator
  1. ์Šคํ‚ฌ ๊ฐœ๋ฐœ ๋ฐ ํ…Œ์ŠคํŠธ

skill-creator ๊ฐ€์ด๋“œ๋ฅผ ๋”ฐ๋ผ SKILL.md ์ž‘์„ฑ ๋ฐ ๋ฆฌ์†Œ์Šค ์ถ”๊ฐ€

  1. Pull Request ์ œ์ถœ

๋ณ€๊ฒฝ์‚ฌํ•ญ์„ ์ปค๋ฐ‹ํ•˜๊ณ  PR์„ ๋ณด๋‚ด์ฃผ์„ธ์š”!

๊ด€๋ จ ๋งํฌ

About

๐Ÿ› ๏ธ ์—์ด์ „ํŠธ ์Šคํ‚ฌ

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published