Ai Vibe Coding MCP

Hi-AI πŸ€– - AI μ–΄λ ΅μ§€ μ•Šμ•„!

npm versionLicense: MIT

"ν•˜μ΄μ•„μ΄" ν•œλ§ˆλ””λ‘œ μ‹œμž‘ν•˜λŠ”, λ‹Ήμ‹ μ˜ 'λ°”μ΄λΈŒ μ½”λ”©'을 μœ„ν•œ κ°€μž₯ μ‰¬μš΄ AI 개발 도ꡬ

🎯 Hi-AI, μ™œ λ§Œλ“€μ—ˆμ„κΉŒμš”? (The Story)

AI와 ν•¨κ»˜ μ½”λ”©ν•  λ•Œ, 이런 생각해 λ³Έ 적 μ—†μœΌμ‹ κ°€μš”?"유λͺ…ν•΄μ„œ μ“°κ³ λŠ” μžˆλŠ”λ°, 이 도ꡬ가 정말 λ‚˜μ—κ²Œ 졜적일까?"

μ € μ—­μ‹œ μœ νŠœλΈŒμ™€ λΈ”λ‘œκ·Έμ—μ„œ μΆ”μ²œν•˜λŠ” μ—¬λŸ¬ MCPλ₯Ό μ‚¬μš©ν•˜λ©° μ‹œμž‘ν–ˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ κ³§ μ •ν˜•ν™”λœ 도ꡬ듀이 μ €λ§Œμ˜ 개발 리듬, 이λ₯Έλ°” 'λ°”μ΄λΈŒ μ½”λ”©(Vibe Coding)' μŠ€νƒ€μΌκ³ΌλŠ” λ§žμ§€ μ•ŠλŠ”λ‹€λŠ” 것을 κΉ¨λ‹¬μ•˜μ£ .

κ·Έλž˜μ„œ 직접 λ§Œλ“€κΈ°λ‘œ κ²°μ‹¬ν–ˆμŠ΅λ‹ˆλ‹€. 제 μ‹€μ œ 개발 μ›Œν¬ν”Œλ‘œμš°μ— κΌ­ λ§žλŠ” 'AI 양념'μ„μš”. πŸ§‚

Hi-AIλŠ” λ³΅μž‘ν•œ λͺ…λ Ήμ–΄ μ•”κΈ°λ‚˜ μ„€μ • 없이, "ν•˜μ΄μ•„μ΄"λΌλŠ” 인사 ν•œλ§ˆλ””λ‘œ μ‹œμž‘ν•΄ μžμ—°μŠ€λŸ¬μš΄ λŒ€ν™”λ‘œ 개발 μž‘μ—…μ„ λ§‰νž˜μ—†μ΄ μ΄μ–΄κ°ˆ 수 μžˆλ„λ‘ μ„€κ³„λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

✨ μ£Όμš” νŠΉμ§• (Key Features)

  • πŸ™Œ κ°€μž₯ μ‰¬μš΄ μ‹œμž‘: λ³΅μž‘ν•œ μ„€μ • 없이 "hi-ai" 인사 ν•œλ§ˆλ””λ©΄ λͺ¨λ“  μ€€λΉ„κ°€ λλ‚©λ‹ˆλ‹€.
  • 🧠 μŠ€λ§ˆνŠΈν•œ 사고 보쑰: 저사양 AI λͺ¨λΈλ„ μ²΄κ³„μ μœΌλ‘œ μ‚¬κ³ ν•˜κ³  λ³΅μž‘ν•œ 문제λ₯Ό ν•΄κ²°ν•˜λ„λ‘ λ•μŠ΅λ‹ˆλ‹€.
  • πŸ’Ύ μžλ™ν™”λœ λ©”λͺ¨λ¦¬: μ€‘μš”ν•œ λŒ€ν™” λ‚΄μš©μ€ μžλ™μœΌλ‘œ μ €μž₯ν•˜κ³ , λ‹€μŒ μž‘μ—… μ‹œ μ•Œμ•„μ„œ λ³΅μ›ν•©λ‹ˆλ‹€.
  • 🌐 μ‹€μ œ λΈŒλΌμš°μ € 연동: Puppeteer 기반의 μ‹€μ œ λΈŒλΌμš°μ € μ œμ–΄λ‘œ μ •ν™•ν•œ μ›Ή 개발 및 ν…ŒμŠ€νŠΈλ₯Ό μˆ˜ν–‰ν•©λ‹ˆλ‹€.
  • πŸ“ μ½”λ“œ ν’ˆμ§ˆ 관리: μ½”λ“œ λ³΅μž‘λ„ 뢄석, λ¦¬νŒ©ν† λ§ μ œμ•ˆ λ“± ν’ˆμ§ˆ 관리λ₯Ό μžλ™ν™”ν•©λ‹ˆλ‹€.

πŸ“¦ μ„€μΉ˜ (Installation)

# npm으둜 μ „μ—­ μ„€μΉ˜
npm install -g @su-record/hi-ai

# λ˜λŠ” Smithery둜 μ„€μΉ˜ 없이 λ°”λ‘œ μ‚¬μš©
# https://smithery.ai/server/@su-record/hi-ai

πŸš€ μ‹œμž‘ν•˜κΈ° (Getting Started)

1. μ„€μΉ˜ 방법

🎯 κ°€μž₯ μ‰¬μš΄ 방법 - Smithery μ‚¬μš©

πŸ“¦ npm으둜 직접 μ„€μΉ˜

npm install -g @su-record/hi-ai

ν„°λ―Έλ„μ—μ„œ hi-ai λͺ…λ Ήμ–΄λ₯Ό μ‚¬μš©ν•  수 있게 λ©λ‹ˆλ‹€.

2. MCP 에디터에 μ„€μ •

Claude Desktop, Cursor, Windsurf λ“± MCPλ₯Ό μ§€μ›ν•˜λŠ” μ—λ””ν„°μ˜ μ„€μ • νŒŒμΌμ— λ‹€μŒ λ‚΄μš©μ„ μΆ”κ°€ν•˜μ„Έμš”.

{
  "mcpServers": {
    "hi-ai": {
      "command": "hi-ai"
    }
  }
}

3. μΈμ‚¬ν•˜κΈ°

이제 AIμ—κ²Œ 말을 κ±Έμ–΄λ³΄μ„Έμš”!

You: hi-ai (λ˜λŠ” ν•˜μ΄μ•„μ΄)
AI: 쀀비됐어! 뭐 λ§Œλ“€κΉŒ?

μ•ˆλ…•, hello, こんにけは, δ½ ε₯½, hola, bonjour λ“± λ‹€μ–‘ν•œ 인사말에 μ‘λ‹΅ν•©λ‹ˆλ‹€.

πŸ› οΈ 29개의 κ°•λ ₯ν•œ 도ꡬ (29 Powerful Tools)

Hi-AIλŠ” λ‹Ήμ‹ μ˜ 개발 μ›Œν¬ν”Œλ‘œμš° 전체λ₯Ό μ§€μ›ν•˜κΈ° μœ„ν•΄ μ—„μ„ λœ 29개의 도ꡬλ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

μ™œ 29κ°œμΈκ°€μš”?

일뢀 에디터(e.g., Cursor)의 MCP 도ꡬ μ œν•œ(μ•½ 40개)을 κ³ λ €ν–ˆμŠ΅λ‹ˆλ‹€. Hi-AI의 핡심 κΈ°λŠ₯λ§ŒμœΌλ‘œλ„ μΆ©λΆ„ν•˜μ§€λ§Œ, μ—¬λŸ¬λΆ„μ΄ μ• μš©ν•˜λŠ” λ‹€λ₯Έ MCP 도ꡬ듀과 ν•¨κ»˜ μ‚¬μš©ν•  수 μžˆλ„λ‘ μ˜λ„μ μœΌλ‘œ μ—¬μœ  곡간을 λ‚¨κ²¨λ‘μ—ˆμŠ΅λ‹ˆλ‹€.

🧠 생각 도ꡬ (6개)

λ³΅μž‘ν•œ 문제λ₯Ό AIκ°€ μ²΄κ³„μ μœΌλ‘œ λΆ„μ„ν•˜κ³  ν•΄κ²°ν•˜λ„λ‘ λ•μŠ΅λ‹ˆλ‹€.

  • analyze_problem, break_down_problem, create_thinking_chain, format_as_plan, step_by_step_analysis, think_aloud_process

πŸ’Ύ λ©”λͺ¨λ¦¬ 도ꡬ (10개)

μ€‘μš”ν•œ μ»¨ν…μŠ€νŠΈλ₯Ό λ†“μΉ˜μ§€ μ•Šλ„λ‘ μžλ™μœΌλ‘œ κ΄€λ¦¬ν•©λ‹ˆλ‹€.

  • auto_save_context, delete_memory, list_memories, prioritize_memory, recall_memory, restore_session_context, save_memory, search_memories, start_session, update_memory

🌐 λΈŒλΌμš°μ € 도ꡬ (2개)

μ‹€μ œ λΈŒλΌμš°μ € ν™˜κ²½μ—μ„œ μ›Ή 개발 및 ν…ŒμŠ€νŠΈλ₯Ό μˆ˜ν–‰ν•©λ‹ˆλ‹€.

  • monitor_console_logs, inspect_network_requests

πŸ“ μ½”λ“œ ν’ˆμ§ˆ 도ꡬ (6개)

κΉ¨λ—ν•˜κ³  효율적인 μ½”λ“œλ₯Ό μœ μ§€ν•˜λ„λ‘ λ•μŠ΅λ‹ˆλ‹€.

  • analyze_complexity, apply_quality_rules, check_coupling_cohesion, get_coding_guide, suggest_improvements, validate_code_quality

πŸ“‹ κ³„νš 도ꡬ (4개)

ν”„λ‘œμ νŠΈ 기획과 λ¬Έμ„œν™”λ₯Ό μ§€μ›ν•©λ‹ˆλ‹€.

  • analyze_requirements, create_user_stories, feature_roadmap, generate_prd

πŸ• μ‹œκ°„ 도ꡬ (1개)

νŠΉμ • νƒ€μž„μ‘΄μ˜ ν˜„μž¬ μ‹œκ°„μ„ μ •ν™•νžˆ μ‘°νšŒν•©λ‹ˆλ‹€.

  • get_current_time

πŸ’‘ μΆ”μ²œ μ‘°ν•©: Hi-AI + Context-7

Hi-AIλŠ” Context-7 MCP와 ν•¨κ»˜ μ‚¬μš©ν•  λ•Œ λ”μš± κ°•λ ₯ν•œ μ‹œλ„ˆμ§€λ₯Ό λ°œνœ˜ν•©λ‹ˆλ‹€.

  • Hi-AI: 전체적인 개발 μ›Œν¬ν”Œλ‘œμš°μ™€ λ©”λͺ¨λ¦¬ 관리
  • Context-7: μ΅œμ‹  버전별 λ¬Έμ„œμ™€ μ½”λ“œ 예제λ₯Ό ν”„λ‘¬ν”„νŠΈμ— 직접 가져와 였래된 정보 제거

이 μ‘°ν•©μœΌλ‘œ 개발의 흐름은 μœ μ§€ν•˜λ©΄μ„œ, ν•„μš”ν•œ μ •λ³΄λŠ” μ‹€μ‹œκ°„μœΌλ‘œ μ–»λŠ” 개발 ν™˜κ²½μ„ κ²½ν—˜ν•΄ λ³΄μ„Έμš”.

πŸ’‘ 이런 μ‹μœΌλ‘œ 써 (Usage Example)

You: ν•˜μ΄μ•„μ΄
AI: μ–΄μ„œμ™€! μ§€λ‚œλ²ˆ React ν”„λ‘œμ νŠΈ μ΄μ–΄μ„œ ν• κΉŒ? (restore_session_context둜 μžλ™ 볡원)

You: 이 μ½”λ“œ λ³΅μž‘λ„ μ’€ 봐쀘
AI: μ•Œμ•˜μ–΄, analyze_complexity 도ꡬλ₯Ό μ‚¬μš©ν•΄μ„œ λΆ„μ„ν•΄λ³Όκ²Œ. [μžλ™μœΌλ‘œ 도ꡬ μ‹€ν–‰]

You: 였늘 μž‘μ—…ν•œ λ‚΄μš© μ €μž₯해둬
AI: 응, auto_save_context둜 μ €μž₯ μ™„λ£Œ! λ‹€μŒμ— "hi-ai"라고 λΆ€λ₯΄λ©΄ μžλ™μœΌλ‘œ 뢈러올게.

🎯 Hi-AI μ² ν•™ (Philosophy)

"AI 개발, μ–΄λ ΅μ§€ μ•Šμ•„μ•Ό ν•œλ‹€."

이것이 Hi-AI의 ν•΅μ‹¬μž…λ‹ˆλ‹€.

  • No μ•”κΈ°: λ³΅μž‘ν•œ λͺ…λ Ήμ–΄λ₯Ό μ™ΈμšΈ ν•„μš”κ°€ μ—†μŠ΅λ‹ˆλ‹€.
  • Be Natural: ν‰μ†Œμ²˜λŸΌ μžμ—°μŠ€λŸ½κ²Œ λŒ€ν™”ν•˜μ„Έμš”.
  • AI Autonomy: AIκ°€ 상황에 λ§žλŠ” 도ꡬλ₯Ό 슀슀둜 μ„ νƒν•˜κ³  μ‚¬μš©ν•©λ‹ˆλ‹€.
  • Zero Config: μ„€μΉ˜ ν›„ λ³΅μž‘ν•œ μ„€μ • 과정이 ν•„μš” μ—†μŠ΅λ‹ˆλ‹€.

πŸ—οΈ 기술적 νŠΉμ§• (Technical Features)

  • μ™„μ „ λͺ¨λ“ˆν™”: 29개 도ꡬ가 각각 독립적인 λͺ¨λ“ˆλ‘œ κ΅¬μ„±λ˜μ–΄ μœ μ§€λ³΄μˆ˜μ™€ ν™•μž₯이 μš©μ΄ν•©λ‹ˆλ‹€.
  • TypeScript: νƒ€μž… μ•ˆμ „μ„±μ„ 보μž₯ν•˜μ—¬ μ½”λ“œμ˜ μ•ˆμ •μ„±μ„ λ†’μ˜€μŠ΅λ‹ˆλ‹€.
  • μ˜μ‘΄μ„± μ΅œμ†Œν™”: 가볍고 λΉ λ₯Έ 싀행을 μœ„ν•΄ ν•„μˆ˜ νŒ¨ν‚€μ§€λ§Œ μ‚¬μš©ν•©λ‹ˆλ‹€.
  • MCP ν‘œμ€€: λͺ¨λ“  MCP 지원 ν™˜κ²½(Claude Desktop, Cursor, Windsurf λ“±)μ—μ„œ μ›ν™œν•˜κ²Œ μž‘λ™ν•©λ‹ˆλ‹€.

🀝 같이 λ§Œλ“€μ–΄μš” (Contribute)

버그λ₯Ό λ°œκ²¬ν–ˆκ±°λ‚˜, 더 쒋은 아이디어가 μžˆμœΌμ‹ κ°€μš”? μ–Έμ œλ“ μ§€ GitHub Issuesλ₯Ό 톡해 μ˜κ²¬μ„ λ‚¨κ²¨μ£Όμ„Έμš”!μ—¬λŸ¬λΆ„μ˜ μ°Έμ—¬λ₯Ό ν™˜μ˜ν•©λ‹ˆλ‹€.

πŸ“„ λΌμ΄μ„ μŠ€ (License)

이 ν”„λ‘œμ νŠΈλŠ” MIT λΌμ΄μ„ μŠ€λ₯Ό λ”°λ¦…λ‹ˆλ‹€. 마음껏 μ‚¬μš©ν•˜κ³ , μˆ˜μ •ν•˜κ³ , λ°°ν¬ν•˜μ„Έμš”.

Hi-AI - AI 개발, 이제 정말 μ‰¬μ›Œμ‘Œλ‹€ πŸš€ Made with ❀️ by Su Γ— Claude

MCP Server Β· Populars

MCP Server Β· New