wechat-article-formatter-skill์(๋) ๋ฌด์์ ํ๋์?
๐จ ๋งํฌ๋ค์ด์ ์คํ์ผ์ด ์ ์ฉ๋ ์์ฑ ์ํฐํด์ฉ HTML๋ก ํฌ๋งทํ ํ๋ฉฐ, ์๋ ์ด๋ฏธ์ง ์ ๋ก๋์ ์ต์ ์ ๊ฐ๋ ์ฑ์ ์ํ ์ปค์คํ CSS๋ฅผ ์ ๊ณตํฉ๋๋ค.
๊ฐ์
์ด ์คํฌ์ ๋งํฌ๋ค์ด ๋ฌธ์๋ฅผ ์์ฑ ๊ณต์ ๊ณ์ (WeChat Official Account) ๊ฒ์๊ธ์ ์ ํฉํ HTML๋ก ๋ณํํฉ๋๋ค. ์ผ๋ฐ์ ์ธ ๋งํฌ๋ค์ด ๋ณํ๊ธฐ์ ๋ฌ๋ฆฌ, ์ด ์คํฌ์ ์์ฑ ์๋ํฐ์ ์ ์ฝ์ฌํญ์ ๊ณ ๋ คํ ์คํ์ผ๋ง์ ์ ์ฉํ๋ฉฐ, ์ด๋ฏธ์ง๋ฅผ ์๋์ผ๋ก ์ ๋ก๋ํ๊ณ CSS๋ฅผ ํตํด ๊ฐ๋ ์ฑ์ ๋์ ๋๋ค.
์ฃผ์ ๊ธฐ๋ฅ
- ๋งํฌ๋ค์ด โ ์์ฑ HTML ๋ณํ: ํค๋, ๋ฆฌ์คํธ, ์ฝ๋ ๋ธ๋ก, ์ธ์ฉ๊ตฌ ๋ฑ ์ฃผ์ ๋งํฌ๋ค์ด ์์๋ฅผ ์์ฑ ์นํ์ ์ธ HTML๋ก ๋ณํํฉ๋๋ค.
- ์๋ ์ด๋ฏธ์ง ์ ๋ก๋: ๋ฌธ์ ๋ด ์ด๋ฏธ์ง URL์ ์์ฑ CDN์ ์๋์ผ๋ก ์ ๋ก๋ํ๊ณ ์ต์ข HTML์ ํฌํจ์ํต๋๋ค.
- ์ปค์คํ CSS: ์์ฑ ์ํฐํด์์ ๊ฐ๋ ์ฑ์ ๋์ด๊ธฐ ์ํด ์ฌ์ ์ ์๋ CSS ์คํ์ผ์ ์ ์ฉํฉ๋๋ค.
- ์ฝ๋ ๊ตฌ๋ฌธ ๊ฐ์กฐ: ํ๋ก๊ทธ๋๋ฐ ์ฝ๋ ๋ธ๋ก์ ๋ํ ๊ตฌ๋ฌธ ๊ฐ์กฐ๋ฅผ ์ง์ํฉ๋๋ค.
์ฌ์ฉ ๋ฐฉ๋ฒ
์ด ์คํฌ์ ๋ค์ ํ๊ฒฝ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค:
- Claude Code
- Cursor
- Codex
- ๊ธฐํ AI ์์ด์ ํธ ํ๋ซํผ
๊ธฐ๋ณธ ์ฌ์ฉ๋ฒ:
# ๋งํฌ๋ค์ด ํ์ผ์ ๋ณํํ์ฌ ์์ฑ HTML ์์ฑ
wechat-format input.md
์ต์ :
| ์ต์ | ์ค๋ช | ๊ธฐ๋ณธ๊ฐ |
|---|---|---|
--css | ์ปค์คํ CSS ํ์ผ ๊ฒฝ๋ก | ๊ธฐ๋ณธ ๋ด์ฅ CSS |
--no-images | ์ด๋ฏธ์ง ์ ๋ก๋ ๋นํ์ฑํ | false |
--output | ์ถ๋ ฅ ํ์ผ ๊ฒฝ๋ก | stdout |
์ค์
ํ๊ฒฝ ๋ณ์ ๋๋ ์ค์ ํ์ผ์ ํตํด ๋ค์ ํญ๋ชฉ์ ๊ตฌ์ฑํ ์ ์์ต๋๋ค:
WECHAT_APP_ID: ์์ฑ ์ฑ IDWECHAT_APP_SECRET: ์์ฑ ์ฑ ์ํฌ๋ฆฟWECHAT_ACCESS_TOKEN: ์์ฑ ์ก์ธ์ค ํ ํฐ (์ ํ ์ฌํญ)
์ถ๋ ฅ ์์
๋ณํ๋ HTML์ ์์ฑ ์๋ํฐ์ ์ง์ ๋ณต์ฌํ์ฌ ๋ถ์ฌ๋ฃ์ ์ ์์ต๋๋ค. ์คํ์ผ์ด ์ ์ฉ๋ ์ต์ข ๊ฒฐ๊ณผ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- ์ ๋ชฉ์ ์์ฑ ์คํ์ผ์ ๋ง๊ฒ ์กฐ์ ๋ฉ๋๋ค.
- ์ฝ๋ ๋ธ๋ก์
<pre><code>ํ๊ทธ๋ก ๊ฐ์ธ์ง๋ฉฐ ๊ตฌ๋ฌธ ๊ฐ์กฐ๊ฐ ์ ์ฉ๋ฉ๋๋ค. - ์ด๋ฏธ์ง๋ ์์ฑ CDN URL๋ก ๊ต์ฒด๋ฉ๋๋ค.
- ๋งํฌ๋ ์์ฑ์์ ์ง์๋๋ ๋ฐฉ์์ผ๋ก ๋ณํ๋ฉ๋๋ค.
์ฐธ๊ณ ์ฌํญ
- ์ด๋ฏธ์ง ์ ๋ก๋๋ฅผ ์ํด์๋ ์ ํจํ ์์ฑ ์ก์ธ์ค ํ ํฐ์ด ํ์ํฉ๋๋ค.
- ๋ณํ๋ HTML์ ์์ฑ ๊ณต์ ๊ณ์ ์๋ํฐ์์๋ง ์ต์ ์ ๊ฒฐ๊ณผ๋ฅผ ์ ๊ณตํฉ๋๋ค.
- ๋์ฉ๋ ๋ฌธ์์ ๊ฒฝ์ฐ ์ฒ๋ฆฌ ์๊ฐ์ด ๋ค์ ์์๋ ์ ์์ต๋๋ค.
๋ผ์ด์ ์ค
MIT