codeitso (코드잇소)

io.github.yoorrard由 GitHub 帳號 yoorrard 發布v1.2.0更新於 Nov 11, 2026

Read-only catalog of app-building materials: fonts, APIs, MCP servers, libraries, templates, data.

已驗證Streamable HTTP可網頁執行知識與記憶開發者工具AI 與機器學習

概覽

AI 產生的概覽

唯讀的應用程式建置素材目錄，涵蓋字型、圖示、UI 套件、API、MCP 伺服器、開源函式庫、範本與資料集，助理可搜尋並查看細節。

可以做什麼
  • 以韓文或英文關鍵字搜尋素材，並依分類、子分類以熱門度、名稱或更新時間瀏覽
  • 取得素材詳細資料：官方網址、授權條款、安裝指令、程式片段、所需驗證與相關素材
  • 列出對應不同應用程式類型的入門套件及其素材與建議建置步驟
  • 依每百萬 token 價格、上下文視窗與輸入輸出型態比較 AI 模型
  • 讀取分享的購物車連結，並依所選素材 id 產生新的購物車連結
適用情境
適合在助理協助開發應用程式、需要挑選字型、圖示、UI 套件、開源函式庫、公開 API 或 MCP 伺服器時使用，也適合在選擇 AI 供應商前比較模型價格。
執行需求
透過 streamable HTTP 連線的遠端 MCP 端點；不需要帳號、API 金鑰或環境變數。README 提供 Claude Code、Codex、Gemini CLI、Cursor、VS Code 等用戶端的連線步驟。
安裝前請注意
說明、安裝指令與程式片段都是從來源複製的第三方文字，未經執行或審查，應視為參考資料而非指令。各素材的授權條款與驗證要求不同，使用前請自行確認。購物車連結會把所選素材 id 編碼在網址片段中。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 codeitso (코드잇소)，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.yoorrard%2Fcodeitso/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "codeitso": {
      "type": "http",
      "url": "https://codeitso.yoorrard.workers.dev/mcp"
    }
  }
}

README

코드잇소 (codeitso)

폰트·API·MCP·템플릿까지, 앱 만들 재료를 담아 내 AI에게 건넨다.

https://codeitso.yoorrard.workers.dev

코드잇소는 바이브코딩 재료 쇼핑몰입니다. 앱을 만들 때 쓸 수 있는 공개 재료 14만여 개를 카테고리별로 진열해 두었습니다(폰트·색·아이콘·UI 컴포넌트·AI API·공공데이터·MCP 서버·에이전트 스킬·오픈소스·템플릿·데이터셋). 둘러보며 장바구니에 담고 쓸 곳을 메모한 뒤 [프롬프트 뽑기] 를 누르면, 담은 재료와 쓸 곳이 프롬프트 한 장으로 나옵니다. 그 프롬프트를 Claude Code·Cursor·ChatGPT 같은 내 AI에 붙여 넣으면 됩니다.

  • 사이트는 AI를 부르지 않습니다. 모든 화면은 미리 만든 정적 파일이고, 서버는 익명 방문 수만 셉니다.
  • 회원가입·쿠키·광고·제휴 링크·추적이 없습니다. 장바구니와 메모는 내 브라우저(localStorage)에만 남습니다.
  • 상품 정보는 출처 자료 그대로입니다. 설명·라이선스·인증 방식·무료 여부·인기 지표를 지어내지 않고, 출처에 없으면 비워 둡니다.
  • 운영비는 0원입니다. Cloudflare Workers 무료 요금제에서 돌고, 자료는 GitHub Actions가 매일 새로 받습니다.

할 수 있는 것

기능내용
진열대대분류 6개(디자인·AI 확장·API·오픈소스·데이터셋·템플릿)와 소분류마다 인기순·이름순·최근 갱신순, 자료에서 뽑은 거르기
검색모든 재료에서 찾기. 한글로 써도 같은 뜻의 영어 이름까지 찾습니다 (data/search-words.json)
상세한국어 설명과 원문, 라이선스, 설치 명령, 종류별 미리 보기(폰트 견본, 색, 아이콘, README 그림), 비슷한 재료 비교
AI 모델·요금GPT·Claude·Gemini 등 AI API의 모델별 가격·한도·기능 비교(/models), 담을 때 모델 고르기
스타터 키트만들 앱(학교 정보 앱, 게임, 업무 자동화 등)에 맞춰 처음 담기 좋은 재료와 만드는 차례
장바구니쓸 곳 메모, 프롬프트 뽑기·복사·.md 받기, 설치 명령 한꺼번에 복사, 공유 링크, 지난 프롬프트, 찜, 최근 본 재료
용어 사전바이브코딩에 자주 나오는 말을 쉬운 한국어로 풀이

AI 에이전트로 쓰기 (MCP)

AI 앱에 원격 MCP 주소 하나만 넣으면 AI가 코드잇소의 재료를 직접 찾아 고르고 설치 방법까지 확인해요. 무료이고 가입이 필요 없어요. 앱별 연결 순서는 /connect에 있어요.

text
https://codeitso.yoorrard.workers.dev/mcp
앱연결
Claude Codeclaude mcp add --transport http codeitso https://codeitso.yoorrard.workers.dev/mcp
Claude Code 플러그인 (MCP + 스킬)/plugin marketplace add yoorrard/codeitso → /plugin install codeitso@codeitso
Codexcodex mcp add codeitso --url https://codeitso.yoorrard.workers.dev/mcp
Gemini CLIgemini mcp add --transport http -s user codeitso https://codeitso.yoorrard.workers.dev/mcp
claude.ai · ChatGPT · Cursor · VS Code · Windsurf/connect의 순서대로

도구는 모두 읽기 전용이에요: codeitso_search(재료 검색) · codeitso_get_materials(공식 주소·라이선스·설치 명령·API 키·AI 모델 가격) · codeitso_browse(진열대) · codeitso_get_kits(스타터 키트) · codeitso_open_cart(사이트 장바구니 공유 링크 불러오기) · codeitso_find_models(AI 모델을 가격·컨텍스트·입력 종류로 비교, models.dev 매일 갱신) · codeitso_make_cart_link(AI가 고른 재료를 사이트 장바구니 링크로). 스킬 plugins/codeitso/skills/codeitso는 Agent Skills 규격이라 다른 에이전트에도 옮겨 쓸 수 있어요. 구조와 한도는 docs/ARCHITECTURE.md 7.1절, 결정 이유는 docs/DECISIONS.md D154·D156.

어떻게 돌아가나

text
공개 출처(GitHub·Hugging Face·npm·공공데이터포털·각 등록소 …)   │  scripts/import/   매일 GitHub Actions가 받기 (.github/workflows/daily-refresh.yml)   ▼data/catalog/**        출처 자료 그대로 (JSON, 스키마 검사)   │  scripts/catalog/  진열대 빌드: 정렬·인기 점수·쪽 나누기·검색 조각 (src/lib/catalog/core.ts 순수 함수)   ▼public/catalog/ + Astro 정적 화면 (Preact 섬은 상태가 필요한 곳에만)   ▼Cloudflare Workers 정적 파일 + /api/event·/api/stats (D1, 익명 방문 수)

자세한 구조는 docs/ARCHITECTURE.md, 자료와 출처는 docs/DATA.md, 배포는 docs/DEPLOY.md에 있습니다.

직접 돌려 보기

준비물: Node.js 22.18 이상, Git.

bash
git clone https://github.com/yoorrard/codeitso.gitcd codeitsonpm cinpm run dev        # 진열대를 빌드한 뒤 개발 서버 (http://localhost:4321)
명령하는 일
npm run check토큰 대비·글꼴·품질 바닥선·쓰지 않는 말·타입 검사·단위 시험
npm run build진열대 빌드 → Astro 빌드 → dist/
npm run e2ePlaywright 주요 흐름·접근성(axe) 시험 (먼저 npm run build)
npm run refresh모든 출처에서 자료를 다시 받기 (네트워크 필요)
npm run qa:budget성능 예산 (첫 화면 JS 100KB gzip 등)

폴더

text
data/        진열대 자료(catalog), 한국어 설명(catalog-ko), AI 모델(catalog-models), 용어·키트·검색 같은 뜻 묶음scripts/     가져오기(import)·진열대 빌드(catalog)·한국어 설명(i18n)·검사(guard)·QAsrc/         화면(pages·components), 진열대 계산(lib/catalog), 화면 문구(copy/ko.ts), 디자인 토큰(styles/tokens.css)worker/      익명 방문 수 API (Cloudflare Workers + D1)tests/       단위 시험(Vitest)·e2e(Playwright)docs/        설계·결정 기록(DECISIONS.md)·진행 기록(TASKS.md).claude/     이 저장소를 만든 Claude Code 작업 규칙·스킬·훅

함께 만들기

틀린 상품 정보, 빠진 재료, 버그는 이슈로 알려 주세요. 상품의 사실은 출처 자료에서만 가져오므로, 정보를 고칠 때는 data/catalog/**를 손으로 고치지 않고 가져오기 스크립트(scripts/import/)를 고칩니다. 화면 문구는 src/copy/ko.ts, 색·크기는 src/styles/tokens.css의 변수만 씁니다. 커밋 전에 npm run check를 돌려 주세요.

권리 침해 신고는 사이트의 저작권·게시 중단 요청 안내를 따릅니다.

라이선스

  • 코드와 문서: MIT.
  • 운영자가 쓴 글(화면 문구·한국어 설명·용어 풀이·스타터 키트·검색 같은 뜻 묶음): CC BY 4.0. 출처 "코드잇소(codeitso)"를 밝혀 주세요.
  • 진열대 자료(data/catalog/, data/catalog-models/, data/catalog-media/): 각 출처의 조건을 따릅니다. 파일마다 source.license에 적혀 있고, 사이트의 자료 출처에서도 볼 수 있습니다. 진열된 재료는 모두 자기 라이선스를 따릅니다.
  • 이름 「코드잇소」·「codeitso」와 로고: 허락하지 않습니다. 고쳐서 따로 공개할 때는 다른 이름과 로고를 써 주세요.
  • 제3자 구성 요소(글꼴·아이콘·가져온 스킬): THIRD_PARTY_NOTICES.md.

적용 범위 전체는 NOTICE.md에 있습니다.

운영자: 유영재 · [email protected]

codeitso is a Korean "materials shop" for vibe coding: browse 140k+ public building blocks (fonts, colors, icons, UI kits, AI and public APIs, MCP servers, agent skills, open-source projects, templates, datasets), add them to a cart with notes, and turn the cart into one prompt for your own AI assistant. The site itself never calls an AI, has no accounts, cookies or tracking, and runs at zero cost on Cloudflare Workers with a daily GitHub Actions data refresh. Code is MIT; operator-written text is CC BY 4.0; catalog data follows each source's terms; the name and logo are not licensed.

來源：README.md，提交 2a84a44

工具

7

codeitso_get_materials

코드잇소 재료 자세히

Full details for 1-5 materials by id: official URL, license, source description, install command and snippet from the source, required auth, popularity, related materials, plus how to connect an MCP server (remote URLs, packages), API facts (base URL, env var names, OpenAPI spec, free tier) and font facts (weights, Korean subset). AI API providers include current models with prices per 1M tokens.

輸入參數ids必填response_format

codeitso_browse

코드잇소 진열대 둘러보기

Browse the catalog tree: no arguments lists the 6 categories and subcategories with counts; category lists its subcategories; subcategory lists its materials by popularity (default), name or recent update.

輸入參數sortlimitoffsetcategorysubcategoryresponse_format

codeitso_get_kits

코드잇소 스타터 키트

List codeitso starter kits (curated material sets for app types such as school info apps, games, office tools) or, with kit_id, one kit's materials and suggested build outline.

輸入參數kit_idresponse_format

codeitso_open_cart

코드잇소 장바구니 불러오기

Read a codeitso cart share link a person made on the website (https://codeitso.yoorrard.workers.dev/cart#s=…): its materials with chosen AI model, official URL, install command, MCP remote URL and required auth. Only the part after # is read.

輸入參數limitshare必填offsetresponse_format

codeitso_find_models

코드잇소 AI 모델 찾기

Find and compare AI models (LLMs) by price per 1M tokens, context window, input/output types and features, from models.dev data refreshed daily. Default: major model makers (OpenAI, Anthropic, Google, xAI, DeepSeek, Mistral and others); scope=direct: every model maker; provider: one provider incl. hosts and routers such as openrouter. Returns model ids, prices, context, release date, the provider material id, and a link to the comparison page on the codeitso website.

輸入參數sortlimitqueryscopeinputsoffsetoutputsproviderreasoningmin_contextopen_weightstool_calling另有 4 個

版本歷史

1
  1. v1.2.0最新Nov 11, 2026

評分

已滿足適用檢查項的 100%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具必需15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分