title: "AI μμ΄μ νΈμ HTML λ°°ν¬ λ²νΌ μΆκ°νλ λ²" description: "λ΄μ€ - μλ¬Έ κΈ°λ° μμ½ νμ" date: 2026-06-07 tags: [vibe-coding] source: "https://dev.to/stevysmith/give-your-ai-coding-agent-a-publish-html-button-with-mcp-1ghi" sidebar: order: 0
μ λͺ©(νκΈ): AI μμ΄μ νΈμ HTML λ°°ν¬ λ²νΌ μΆκ°νλ λ² μλ¬Έ μ λͺ©(μλ¬Έ): Give your AI coding agent a publish-HTML button (with MCP) μλ¬Έ: Give your AI coding agent a publish-HTML button (with MCP) μμ€: dev-to-ai MD νμΌ: content/2026-06-07/dev-to-ai-give-your-ai-coding-agent-a-publish-html-button-wi.md
ν΅μ¬ λ΄μ©
AI μ½λ© μμ΄μ νΈκ° λ§λ HTML νμΌ, λ§€λ² μ΄λ»κ² 곡μ νμΈμ? μ€ν¬λ¦°μ·μΌλ‘ μ¬λμ λΆμ¬λ£κ±°λ, λ΄μΌ μμ ν νμΌ νλ λλ¬Έμ Vercel νλ‘μ νΈλ₯Ό λ§λ€κ³ μμ§ μλμ?
MCP(Model Context Protocol)λ₯Ό μ°λ©΄ μμ΄μ νΈ ν΄λ°μ€μ 'publish'λΌλ λμ¬λ₯Ό νλ μΆκ°ν μ μμ΄μ. νμΌ νλ λ£μΌλ©΄ λΉκ³΅κ° URL νλ λμ€λ ꡬ쑰μμ. λΉλλ, λ ν¬λ, μ€μ λ νμ μμ΄μ.
ν΅μ¬μ 'κΈ°λ³Έκ°μ΄ λΉκ³΅κ°'λΌλ κ±°μμ. μμ΄μ νΈ μΆλ ₯λ¬Όμ API μλ΅, κ³ κ° λ°μ΄ν°, ν둬ννΈ μ»¨ν μ€νΈκ° μμ£Ό μμ΄κ±°λ μ. κ·Έλ¦¬κ³ νμΌμ μμ ν΄λ κ°μ URLμ΄ μ λ°μ΄νΈλλκΉ μ΄ν°λ μ΄μ λ§λ€ λ§ν¬κ° 30κ° μκΈ°λ μΌλ μμ΄μ.
Claude Code, Cursor, Codex, Claude.ai λ± MCPλ₯Ό μ§μνλ μμ΄μ νΈλΌλ©΄ μ΄λμλ ν λ² μ€μ μΌλ‘ μΈ μ μμ΄μ.
μ‘λμ€μ νλ§λ
MCP publish ν΄μ Claude Code, Cursor, Codex μ΄λμλ λμν΄μ. λΉκ³΅κ° κΈ°λ³Έκ°μΌλ‘ λ―Όκ° λ°μ΄ν°κ° μλ κ²λ λ§μμ€μ.
μΆμ²: Give your AI coding agent a publish-HTML button (with MCP)