Communitygithub.com

wyzq123/openai-chatkit-advanced-samples

๐ŸŽฎ FastAPI์™€ Vite + React๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ChatKit์˜ ๊ฐ•๋ ฅํ•œ UI์™€ ์—์ด์ „ํŠธ ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•œ ๊ณ ๊ธ‰ ์ƒ˜ํ”Œ๋กœ ๋งค๋ ฅ์ ์ธ ์ฑ„ํŒ… ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

openai-chatkit-advanced-samples๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?

์ด ์Šคํ‚ฌ์€ FastAPI ๋ฐฑ์—”๋“œ์™€ Vite + React ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๊ฒฐํ•ฉํ•˜์—ฌ OpenAI ChatKit์˜ UI ์ปดํฌ๋„ŒํŠธ์™€ ์—์ด์ „ํŠธ ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•œ ๊ณ ๊ธ‰ ์ฑ„ํŒ… ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๊ธฐ ์œ„ํ•œ ์ข…ํ•ฉ์ ์ธ ์˜ˆ์ œ ๋ชจ์Œ์ž…๋‹ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋“ค์€ ์ด ์ €์žฅ์†Œ๋ฅผ ํ†ตํ•ด ๋‹ค์ค‘ ํ„ด ๋Œ€ํ™”, ์—์ด์ „ํŠธ ๊ธฐ๋ฐ˜ ์ž‘์—… ์ฒ˜๋ฆฌ, ์‹ค์‹œ๊ฐ„ ์ŠคํŠธ๋ฆฌ๋ฐ ์‘๋‹ต ๋“ฑ ํ˜„๋Œ€์ ์ธ ์ฑ„ํŒ… ์•ฑ์˜ ํ•ต์‹ฌ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Claude Code, Cursor, Codex์™€ ๊ฐ™์€ ์ฃผ์š” AI ์—์ด์ „ํŠธ ํ”Œ๋žซํผ๊ณผ ํ˜ธํ™˜๋˜๋ฉฐ, MCP(Multi-agent Communication Protocol) ํˆด๋ง์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ์ด ์ƒ˜ํ”Œ๋“ค์€ ์ตœ๊ทผ 24์‹œ๊ฐ„ ๋‚ด GitHub์— ํ‘ธ์‹œ๋œ ์ตœ์‹  ๋ ˆํฌ์ง€ํ† ๋ฆฌ์—์„œ ๋ฐœ๊ฒฌ๋˜์—ˆ์œผ๋ฉฐ, AI ์—์ด์ „ํŠธ ์›Œํฌํ”Œ๋กœ์šฐ ์ž๋™ํ™”์— ๊ด€์‹ฌ ์žˆ๋Š” ๊ฐœ๋ฐœ์ž์—๊ฒŒ ํŠนํžˆ ์œ ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ฐ ์ƒ˜ํ”Œ์€ ์‹ค์ œ ํ”„๋กœ๋•์…˜ ํ™˜๊ฒฝ์—์„œ๋„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋ฒ” ์‚ฌ๋ก€๋ฅผ ๋”ฐ๋ฅด๋ฉฐ, ํ™•์žฅ์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์„ฑ์„ ๊ณ ๋ คํ•˜์—ฌ ์„ค๊ณ„๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ง€์› ๋Œ€์ƒโœ“Claude Codeโœ“Codex CLI~Cursorโœ“Gemini CLI
npx skills add wyzq123/openai-chatkit-advanced-samples
์›๋ณธ ๋ณด๊ธฐโ†’๋ชจ๋“  ์Šคํ‚ฌ ๋‘˜๋Ÿฌ๋ณด๊ธฐ

์ฆ๊ฒจ ์‚ฌ์šฉํ•˜๋Š” AI์—๊ฒŒ ๋ฌผ์–ด๋ณด๊ธฐ

์ด ์—์ด์ „ํŠธ ์Šคํ‚ฌ์ด ๋ฏธ๋ฆฌ ๋กœ๋“œ๋œ ์ƒˆ ์ฑ„ํŒ…์„ ์—ฝ๋‹ˆ๋‹ค.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

๋ฌธ์„œ

openai-chatkit-advanced-samples์€(๋Š”) ๋ฌด์—‡์„ ํ•˜๋‚˜์š”?

๐ŸŽฎ FastAPI์™€ Vite + React๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ChatKit์˜ ๊ฐ•๋ ฅํ•œ UI์™€ ์—์ด์ „ํŠธ ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•œ ๊ณ ๊ธ‰ ์ƒ˜ํ”Œ๋กœ ๋งค๋ ฅ์ ์ธ ์ฑ„ํŒ… ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜์„ธ์š”.

์ถœ์ฒ˜: https://github.com/wyzq123/openai-chatkit-advanced-samples

์ตœ๊ทผ 24์‹œ๊ฐ„ ๋‚ด GitHub์— ํ‘ธ์‹œ๋œ ์—์ด์ „ํŠธ ์Šคํ‚ฌ, Claude/Codex/Gemini ์›Œํฌํ”Œ๋กœ์šฐ, MCP ํˆด๋ง ๋ฐ ๊ด€๋ จ AI ์—์ด์ „ํŠธ ์ž๋™ํ™”๋ฅผ ์œ„ํ•œ ์ €์žฅ์†Œ์—์„œ ๋ฐœ๊ฒฌ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๊ด€๋ จ ์Šคํ‚ฌ

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design โ€” a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community