Nutlope/inspo

Real websites for your coding agent to learn design from, searchable over MCP.

해결하는 문제

에이전트는 종종 시각적으로 매력적인 사용자 인터페이스를 구축하는 데 필요한 디자인적 '감각'이 부족합니다. Inspo는 코딩 에이전트에게 학습 및 참조를 위한 엄선된 실제 프로덕션 웹사이트 라이브러리를 제공하여 기능적 코드와 고품질 디자인 사이의 간극을 메워줍니다.

작동 방식

이 서버는 Model Context Protocol (MCP) 서버로 작동하며, 832개 사이트에서 수집된 2,300개 이상의 방대한 페이지 아카이브에 대한 액세스를 에이전트에게 제공합니다. 시스템은 컬러 팔레트, 폰트, 간격 스케일, CSS 변수와 같은 디자인 토큰을 추출하고 페이지별 '섹션별 분석'을 제공합니다. 또한 복사하여 붙여넣을 수 있는 JSX가 포함된 68개의 표준 참조 컴포넌트가 포함되어 있습니다. 에이전트는 recommend 도구를 사용하여 프로젝트 개요를 기반으로 디자인 제안을 받을 수 있습니다.

대상 사용자

AI 코딩 에이전트(Claude Code, Cursor, Windsurf, Zed 등)를 사용하며, 생성된 UI가 전문적이고 프로덕션 수준의 완성도를 갖추길 원하는 개발자.

주요 특징

  • 방대한 아카이브: 데스크톱 및 모바일에서 캡처된 수천 개의 페이지에 액세스 가능.
  • 디자인 추출: 각 사이트의 시맨틱 팔레트 역할, 타입 램프, 컨테이너 너비를 자동으로 추출하여 DESIGN.md로 제공.
  • 간편한 통합: npx를 통해 주요 AI IDE 및 에이전트에 한 번의 명령어로 설치 가능.
  • 시맨틱 검색: Together AI 임베딩을 사용하여 find_similar 및 추천 도구 구동.

관련

  • 프로젝트
    zenstory-ai/novel-to-game

    NovelToGame은 완전한 소설을 전체 디자인 문서와 단일 실행 QA를 갖춘 플레이 가능한 소스 기반 게임(웹 브라우저 또는 3D)으로 변환하는 오픈소스 AI 에이전트 스킬 세트입니다. Claude Code, Codex 또는 Kimi Code와 함께 작동하며 번들 엔진이 필요 없고 모든 메커니즘의 인용을 원본 텍스트에 기록합니다.

  • 프로젝트
    suboss87/FDEOps

    FDEOps는 전방 배치 엔지니어를 위한 35개의 '태스크 스킬' 프롬프트 라이브러리를 제공하는 Node‑JS CLI입니다. 기존 AI 코딩 어시스턴트와 통합되어 전략, 아키텍처, 엔지니어링 작업을 구조화하고 모든 고객 컨텍스트를 로컬 Markdown 파일에 저장하며 완전히 오프라인으로 실행됩니다.

  • 프로젝트
    OleksandrChekhovskyi/hax

    hax는 C로 작성된 경량 터미널 네이티브 코딩 어시스턴트입니다. 간단한 REPL 또는 원샷 모드를 통해 많은 LLM 제공업체(로컬 llama.cpp 및 Ollama 포함)와 통신하며, 작은 바이너리 크기, 낮은 메모리 사용, 요청/응답 기록의 완전한 투명성을 유지합니다.

  • 프로젝트
    getsentry/toolkit

    Sentry Toolkit은 AI 코딩 어시스턴트가 Sentry 오류 추적 플랫폼과 통신할 수 있게 해주는 오픈소스 도구 모음(CLI, MCP 서버, 공유 라이브러리)입니다. 오류/검색, 검사, 분류 등의 스킬을 노출하는 Model-Context-Protocol(MCP) 서비스를 구현합니다. 서버는 원격(https://mcp.sentry.dev에서 호스팅) 또는 stdio 전송을 통해 로컬로 실행할 수 있으며, 자체 호스팅 Sentry에 사용할 수 있습니다. AI 기반 검색 도구에는 LLM 제공업체(OpenAI, Anthropic, Azure OpenAI, OpenRouter)가 필요합니다. 저장소에는 전체 문서, 로컬 개발 설정, 테스트 스크립트가 포함되어 있습니다.