Impeccable์€ AI๊ฐ€ ๋งŒ๋“œ๋Š” ๋ป”ํ•˜๊ณ  ์ดŒ์Šค๋Ÿฌ์šด ํ”„๋ก ํŠธ์—”๋“œ ๊ฒฐ๊ณผ๋ฌผ์„ ์ค„์ด๊ธฐ ์œ„ํ•œ ๋””์ž์ธ ์Šคํ‚ฌ ํŒจํ‚ค์ง€๋‹ค. ํ•œ ๋ฒˆ์˜ ํ”„๋กฌํ”„ํŠธ ๊ฟ€ํŒ์ด ์•„๋‹ˆ๋ผ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผยท์ƒ‰ยท๊ณต๊ฐ„ยท๋ชจ์…˜ยทUX writing๊นŒ์ง€ ๋ฌถ์€ ๋””์ž์ธ ์–ธ์–ด์™€ ๋ช…๋ น ์„ธํŠธ๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

์ด ๋ ˆํฌ๋Š” 6์œ„ ยท โญ +6.4K๋กœ ํšŒ์ž๋œ ํ”„๋กœ์ ํŠธ๋‹ค. ๋ณ„ ์ˆซ์ž๋งŒ ๋ณด๋ฉด ์œ ํ–‰์ฒ˜๋Ÿผ ๋ณด์ผ ์ˆ˜ ์žˆ์ง€๋งŒ, ์‹ค์ œ๋กœ๋Š” ๊ฐœ๋ฐœ์ž๋“ค์ด ์ง€๊ธˆ ์–ด๋””์— ์‹œ๊ฐ„์„ ์“ฐ๊ณ  ์žˆ๋Š”์ง€๋ฅผ ๊ฝค ์†”์งํ•˜๊ฒŒ ๋“œ๋Ÿฌ๋‚ธ๋‹ค. ์ฝ”๋”ฉ ์—์ด์ „ํŠธ๊ฐ€ ๋„๋ฆฌ ํผ์ง€๋ฉด์„œ UI๊ฐ€ ์ „๋ถ€ ๋น„์Šทํ•ด์ง€๋Š” ๋ฌธ์ œ๊ฐ€ ์ปค์กŒ๋‹ค. Inter, ๋ณด๋ผ์ƒ‰ ๊ทธ๋ผ๋ฐ์ด์…˜, ์นด๋“œ ์•ˆ์˜ ์นด๋“œ, ๋Œ€๋น„ ๋‚ฎ์€ ํšŒ์ƒ‰ ํ…์ŠคํŠธ ๊ฐ™์€ ํŒจํ„ด ๋ง์ด๋‹ค. Impeccable์€ ๋ฐ”๋กœ ๊ทธ ์ง€๊ฒจ์šด ๊ฒฐ๊ณผ๋ฌผ์„ ์ค„์—ฌ์ฃผ๋Š” ๋ฐฉํ–ฅ์ด๋ผ, โ€œAI๊ฐ€ ๋งŒ๋“ค์–ด๋„ ๋œ AI ๊ฐ™์•„ ๋ณด์ด๊ฒŒโ€ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๋น ๋ฅด๊ฒŒ ํผ์กŒ๋‹ค.

flowchart LR
A[๋ฌธ์ œ] --> B[impeccable]
B --> C[์„ค์น˜]
C --> D[์ตœ์†Œ ์‹คํ—˜]
D --> E[์—…๋ฌด ์ ์šฉ ํŒ๋‹จ]

์น ํŒ ํŒ์„œํ˜• ์น˜ํŠธ์‹œํŠธ

  • ์ด ๋ ˆํฌ์˜ ํ•œ ์ค„ ํ‚ค์›Œ๋“œ๋Š” impeccable๋‹ค.
  • ์ด๋ฒˆ ๋ณด๊ฐ•์—์„œ๋Š” ์„ค์น˜์™€ ์‚ฌ์šฉ ์ˆœ์„œ๋ฅผ ๊ณต์‹ README ๊ธฐ์ค€์œผ๋กœ ๋” ์ด˜์ด˜ํ•˜๊ฒŒ ์ •๋ฆฌํ–ˆ๋‹ค.
  • ์ฝ์„ ๋•Œ๋Š” ์ „์ œ ์กฐ๊ฑด โ†’ ์„ค์น˜ โ†’ ์ฒซ ์‹คํ–‰ โ†’ ๊ฒ€์ฆ ์ˆœ์„œ๋กœ ๋ณด๋ฉด ๋œ๋‹ค.
  • โ€œ๋Œ€๋‹จํ•ด ๋ณด์ธ๋‹คโ€๋ณด๋‹ค โ€œ๋‚ด ์—…๋ฌด์—์„œ ๋ฐ˜๋ณต ๋น„์šฉ์„ ์ค„์ด๋Š”๊ฐ€โ€๋ฅผ ๋จผ์ € ๋ณธ๋‹ค.

์ด ๋ ˆํฌ๋ฅผ ํ•œ ์ค„๋กœ ๋ณด๋ฉด

Impeccable์€ AI๊ฐ€ ๋งŒ๋“œ๋Š” ๋ป”ํ•˜๊ณ  ์ดŒ์Šค๋Ÿฌ์šด ํ”„๋ก ํŠธ์—”๋“œ ๊ฒฐ๊ณผ๋ฌผ์„ ์ค„์ด๊ธฐ ์œ„ํ•œ ๋””์ž์ธ ์Šคํ‚ฌ ํŒจํ‚ค์ง€๋‹ค. ํ•œ ๋ฒˆ์˜ ํ”„๋กฌํ”„ํŠธ ๊ฟ€ํŒ์ด ์•„๋‹ˆ๋ผ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผยท์ƒ‰ยท๊ณต๊ฐ„ยท๋ชจ์…˜ยทUX writing๊นŒ์ง€ ๋ฌถ์€ ๋””์ž์ธ ์–ธ์–ด์™€ ๋ช…๋ น ์„ธํŠธ๋ฅผ ์ œ๊ณตํ•œ๋‹ค.

์™œ ์ง€๊ธˆ ์ด ๋ ˆํฌ๊ฐ€ ๋œจ๋Š”๊ฐ€

์ฝ”๋”ฉ ์—์ด์ „ํŠธ๊ฐ€ ๋„๋ฆฌ ํผ์ง€๋ฉด์„œ UI๊ฐ€ ์ „๋ถ€ ๋น„์Šทํ•ด์ง€๋Š” ๋ฌธ์ œ๊ฐ€ ์ปค์กŒ๋‹ค. Inter, ๋ณด๋ผ์ƒ‰ ๊ทธ๋ผ๋ฐ์ด์…˜, ์นด๋“œ ์•ˆ์˜ ์นด๋“œ, ๋Œ€๋น„ ๋‚ฎ์€ ํšŒ์ƒ‰ ํ…์ŠคํŠธ ๊ฐ™์€ ํŒจํ„ด ๋ง์ด๋‹ค. Impeccable์€ ๋ฐ”๋กœ ๊ทธ ์ง€๊ฒจ์šด ๊ฒฐ๊ณผ๋ฌผ์„ ์ค„์—ฌ์ฃผ๋Š” ๋ฐฉํ–ฅ์ด๋ผ, โ€œAI๊ฐ€ ๋งŒ๋“ค์–ด๋„ ๋œ AI ๊ฐ™์•„ ๋ณด์ด๊ฒŒโ€ ๋งŒ๋“ค๊ณ  ์‹ถ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ ๋น ๋ฅด๊ฒŒ ํผ์กŒ๋‹ค.

๋ ˆํฌ ์•ˆ์—์„œ ๋จผ์ € ๋ณผ ๊ฒƒ

  • ํ™•์žฅ๋œ frontend-design ์Šคํ‚ฌ๊ณผ 7๊ฐœ ๋ ˆํผ๋Ÿฐ์Šค ๋ฌธ์„œ
  • audit, normalize, polish, distill ๋“ฑ 20๊ฐœ ์กฐํ–ฅ ๋ช…๋ น
  • ๋ฌด์—‡์„ ํ•˜์ง€ ๋ง์•„์•ผ ํ•˜๋Š”์ง€๊นŒ์ง€ ์ ์€ ์•ˆํ‹ฐํŒจํ„ด ๋ชฉ๋ก

์„ค์น˜ ์ „์— ํ™•์ธํ•  ๊ฒƒ

  • ์–ด๋–ค ํ•˜๋‹ˆ์Šค์— ๋„ฃ์„์ง€ ๋จผ์ € ์ •ํ•˜๊ธฐ(Cursor, Claude Code, OpenCode, Pi, Gemini CLI, Codex ๋“ฑ)
  • ๋Œ€์ƒ ํ™”๋ฉด 1๊ฐœ ์ค€๋น„ํ•˜๊ธฐ(๋žœ๋”ฉํŽ˜์ด์ง€, ๋Œ€์‹œ๋ณด๋“œ, ์ฒดํฌ์•„์›ƒ ๋“ฑ)
  • ๋””์ž์ธ ํ’ˆ์งˆ์„ ๋น„๊ตํ•  ์ „/ํ›„ ์Šคํฌ๋ฆฐ์ƒท ํ™•๋ณด

์„ค์น˜ ๋ฐฉ๋ฒ•

๊ณต์‹ ํ™•์ธ ๋งํฌ

๊ฐ€์žฅ ์‰ฌ์šด ์„ค์น˜: ์‚ฌ์ดํŠธ์—์„œ ZIP ๋‹ค์šด๋กœ๋“œ

๊ณต์‹ ์‚ฌ์ดํŠธ impeccable.style์—์„œ ์‚ฌ์šฉ ์ค‘์ธ ๋„๊ตฌ์— ๋งž๋Š” ZIP์„ ๋ฐ›์•„ ํ”„๋กœ์ ํŠธ์— ํ’€๋ฉด ๋œ๋‹ค. ์ฒ˜์Œ์—๋Š” ์ด ๊ฒฝ๋กœ๊ฐ€ ๊ฐ€์žฅ ๊ฐ„๋‹จํ•˜๋‹ค.

๋ ˆํฌ์—์„œ ์ง์ ‘ ๋ณต์‚ฌํ•  ๋•Œ

Cursor:

cp -r dist/cursor/.cursor your-project/

Claude Code:

cp -r dist/claude-code/.claude your-project/
# ๋˜๋Š” ์ „์—ญ ์„ค์น˜
cp -r dist/claude-code/.claude/* ~/.claude/

OpenCode:

cp -r dist/opencode/.opencode your-project/

Pi:

cp -r dist/pi/.pi your-project/

Gemini CLI:

cp -r dist/gemini/.gemini your-project/

Codex CLI:

cp -r dist/codex/.codex/* ~/.codex/

๋„๊ตฌ๋ณ„ ์ถ”๊ฐ€ ์„ค์ •

  • Cursor๋Š” Nightly ์ฑ„๋„๋กœ ๋ฐ”๊พธ๊ณ  Agent Skills๋ฅผ ์ผœ์•ผ ํ•œ๋‹ค.
  • Gemini CLI๋Š” npm i -g @google/gemini-cli@preview ํ›„ /settings์—์„œ Skills๋ฅผ ์ผœ๊ณ  /skills list๋กœ ํ™•์ธํ•œ๋‹ค.
  • Codex๋Š” ๋ช…๋ น์–ด ๋ฌธ๋ฒ•์ด /prompts:audit์ฒ˜๋Ÿผ ๋‹ค๋ฅด๋‹ค๋Š” ์ ์„ ๊ผญ ๊ธฐ์–ตํ•œ๋‹ค.

์‚ฌ์šฉ ๋ฐฉ๋ฒ•

  1. ์ฒ˜์Œ์—๋Š” ํ™”๋ฉด 1๊ฐœ๋งŒ ์žก๊ณ  /audit๋ถ€ํ„ฐ ์‹œ์ž‘ํ•œ๋‹ค.
  2. ๋ฌธ์ œ ์ถ•์ด ํƒ€์ดํฌ, ์ƒ‰์ƒ, ๊ณต๊ฐ„, ์ธํ„ฐ๋ž™์…˜ ์ค‘ ์–ด๋””์ธ์ง€ ์ง„๋‹จํ•œ๋‹ค.
  3. ๊ทธ๋‹ค์Œ /normalize, /typeset, /arrange, /polish ์ค‘ ํ•„์š”ํ•œ ๊ฒƒ 1~2๊ฐœ๋งŒ ์ ์šฉํ•œ๋‹ค.
  4. ๋ณ€๊ฒฝ ์ „ํ›„๋ฅผ ๋ชจ๋ฐ”์ผ ํ™”๋ฉด ๊ธฐ์ค€์œผ๋กœ ๋น„๊ตํ•ด ์‹ค์ œ ๊ฐ€๋…์„ฑ์ด ๋‚˜์•„์กŒ๋Š”์ง€ ๋ณธ๋‹ค.

๋Œ€ํ‘œ ๋ช…๋ น์€ ์•„๋ž˜ ๋„ค ๊ฐœ๋งŒ ๋จผ์ € ์จ๋„ ์ถฉ๋ถ„ํ•˜๋‹ค.

/audit
/normalize
/polish
/distill

์˜์—ญ์„ ์ขํ˜€ ์“ฐ๋Š” ๋ฐฉ์‹๋„ ๊ฐ€๋Šฅํ•˜๋‹ค.

/audit header
/polish checkout-form

๊ทธ๋ฆฌ๊ณ  ์—ฌ๋Ÿฌ ๋ช…๋ น์„ ์ด์–ด์„œ ํ•œ ๋ฒˆ์— ์“ธ ์ˆ˜๋„ ์žˆ๋‹ค.

/audit /normalize /polish blog

์–ด๋””์— ๋ฐ”๋กœ ์จ๋จน์„ ์ˆ˜ ์žˆ๋‚˜

์‚ฌ๋ก€ A. ๋žœ๋”ฉํŽ˜์ด์ง€ ๋‹ค๋“ฌ๊ธฐ

๊ธฐ๋Šฅ์€ ๋‹ค ๋๋Š”๋ฐ ํ™”๋ฉด์ด ์‹ธ ๋ณด์ธ๋‹ค๋ฉด /audit โ†’ /normalize โ†’ /polish ์ˆœ์„œ๋งŒ ์ ์šฉํ•ด๋„ ๊ฐœ์„  ํฌ์ธํŠธ๋ฅผ ๋น ๋ฅด๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ๋‹ค. ํŠนํžˆ ํƒ€์ดํฌ์™€ ๊ฐ„๊ฒฉ ์ฒด๊ณ„๊ฐ€ ๋ฌด๋„ˆ์ง„ ํŽ˜์ด์ง€์—์„œ ํšจ๊ณผ๊ฐ€ ํฌ๊ฒŒ ๋‚œ๋‹ค.

์‚ฌ๋ก€ B. ์‚ฌ๋‚ด ๋Œ€์‹œ๋ณด๋“œ ํ’ˆ์งˆ ๋ณด์ •

๋‚ด๋ถ€ ํˆด์€ ๊ธฐ๋Šฅ๋งŒ ๋˜๋ฉด ๋œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ธฐ ์‰ฝ์ง€๋งŒ, ์‹ค์ œ๋กœ๋Š” ๊ฐ€๋…์„ฑ๊ณผ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€ ํ’ˆ์งˆ์ด ์ƒ์‚ฐ์„ฑ์— ํฐ ์˜ํ–ฅ์„ ์ค€๋‹ค. Impeccable์˜ UX writing๊ณผ interaction design ์ฐธ๊ณ  ๋ฌธ์„œ๋Š” ์ด๋Ÿฐ ์ง€์ ์„ ๋ฐ”๋กœ์žก๋Š” ๋ฐ ์œ ์šฉํ•˜๋‹ค.

์ฒ˜์Œ ํ•ด๋ณผ ์ตœ์†Œ ์‹คํ—˜

  1. ํ˜„์žฌ ํ™”๋ฉด ํ•œ ์žฅ์„ ๊ณ ๋ฅธ๋‹ค.
  2. /audit์œผ๋กœ ๋ฌธ์ œ๋ฅผ ๋จผ์ € ์ฐพ๋Š”๋‹ค.
  3. /normalize ๋˜๋Š” /typeset ํ•œ ๊ฐ€์ง€๋งŒ ์ ์šฉํ•œ๋‹ค.
  4. ๋งˆ์ง€๋ง‰์œผ๋กœ /polish๋ฅผ ๋„ฃ์–ด ์ถœ์‹œ ์ „ ๋‹ค๋“ฌ๊ธฐ ์ˆ˜์ค€๊นŒ์ง€ ์˜ฌ๋ผ๊ฐ€๋Š”์ง€ ๋ณธ๋‹ค.

๊ฒ€์ฆ ํฌ์ธํŠธ๋Š” ๊ฐ„๋‹จํ•˜๋‹ค. ๋ณด๊ธฐ ์ข‹์•„์กŒ๋Š”์ง€ ๊ฐ์œผ๋กœ๋งŒ ํŒ๋‹จํ•˜์ง€ ๋ง๊ณ , ๋ฒ„ํŠผ ๋ผ๋ฒจ ๊ธธ์ด, ๋Œ€๋น„, ๋ชจ๋ฐ”์ผ์—์„œ์˜ ์ •๋ณด ์Šค์บ” ์†๋„๋ฅผ ๊ฐ™์ด ํ™•์ธํ•ด์•ผ ํ•œ๋‹ค.

๋ณผ ๋•Œ ์ฃผ์˜ํ•  ์ 

  • ๋””์ž์ธ ์–ธ์–ด๊ฐ€ ์ข‹์•„๋„ ์ œํ’ˆ ์ „๋žต์ด ๋นˆ์•ฝํ•˜๋ฉด ํ™”๋ฉด์€ ์˜ˆ๋ป๋„ ๋ฌธ์ œ ํ•ด๊ฒฐ๋ ฅ์ด ์•ฝํ•˜๋‹ค.
  • ๋ช…๋ น์ด ๋งŽ์•„์„œ ์ฒ˜์Œ์—” ๋‹ค ์จ๋ณด๊ณ  ์‹ถ์ง€๋งŒ, ํ•œ ๋ฒˆ์— ๋‘์„ธ ๊ฐœ๋งŒ ๋ถ™์ด๋Š” ํŽธ์ด ์•ˆ์ •์ ์ด๋‹ค.
  • ์Šคํƒ€์ผ ๋ณด์ •์€ ์ž˜ํ•˜์ง€๋งŒ ๋„๋ฉ”์ธ ๋งฅ๋ฝ์„ ๋Œ€์‹  ์ดํ•ดํ•ด์ฃผ์ง„ ์•Š๋Š”๋‹ค.

๋‹ค์Œ ์ฝ๊ธฐ

์ด ๊ธ€์€ AI๋ฅผ ํ™œ์šฉํ•ด ์ดˆ์•ˆ์„ ์ •๋ฆฌํ–ˆ๊ณ , GitHub README์™€ ๊ณต์‹ ๋งํฌ๋ฅผ ๋‹ค์‹œ ํ™•์ธํ•ด ์‹ค๋ฌด ์ ์šฉ ๊ด€์ ์œผ๋กœ ํ’€์–ด์ผ๋‹ค.