Nakkas MCP 서버는 AI 설명으로부터 애니메이션 SVG를 생성합니다

✍️ OpenClawRadar📅 게시일: April 19, 2026🔗 Source
Nakkas MCP 서버는 AI 설명으로부터 애니메이션 SVG를 생성합니다
Ad

Nakkas는 AI가 처음부터 애니메이션 SVG를 생성할 수 있도록 하는 MCP 서버입니다. 원하는 것을 설명하면 AI가 도형, 그라데이션, 애니메이션, 필터를 포함한 전체 구성을 구성하고, 서버가 깔끔한 애니메이션 SVG 출력을 렌더링합니다.

주요 기능 및 능력

출처에 따르면, Nakkas는 다음을 생성할 수 있습니다:

  • 애니메이션 로고, 로딩 스피너, 데이터 시각화
  • 산점도 필드, 방사형 패턴, 그리드 레이아웃
  • 장미, 나선, 하트, 슈퍼포뮬라 도형을 포함한 파라메트릭 곡선
  • 글로우, 네온, 글리치, 색수차와 같은 15가지 필터 프리셋
  • 자바스크립트 없이 CSS @keyframes + SMIL 애니메이션
  • SVG가 렌더링되는 모든 곳에서 작동

시작하기

다음을 사용하여 Nakkas를 설치하고 실행할 수 있습니다:

npx nakkas@latest

이 도구는 https://www.npmjs.com/package/nakkas에서 npm을 통해 이용 가능하며, 소스 코드는 https://github.com/arikusi/nakkas에서 GitHub에 호스팅되어 있습니다.

제작자는 피드백을 구하며 사용자들이 GitHub 토론에서 예시를 공유하도록 권장합니다.

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

팝페이 MCP 서버는 클로드 코드 에이전트에 결제 안전장치를 추가합니다
Tools

팝페이 MCP 서버는 클로드 코드 에이전트에 결제 안전장치를 추가합니다

pop-pay는 Claude Code 에이전트가 신용카드 번호를 노출하지 않고 결제를 처리할 수 있게 해주는 MCP 서버입니다. CDP 주입을 사용하여 가상 카드 자격 증명을 결제 iframe에 직접 배치하며, Claude는 마스킹된 확인 번호만 받습니다.

OpenClawRadar
d3 랩스와 함께 실제 API로 AI 에이전트 테스트하기
Tools

d3 랩스와 함께 실제 API로 AI 에이전트 테스트하기

d3 labs는 개발자들이 비현실적인 모의 테스트에 의존하는 대신 실제 시나리오에서 AI 에이전트를 테스트할 수 있도록 10개의 무료 프로덕션 API를 제공합니다.

OpenClawRadar
ViralCanvas.ai는 Sonnet 4.5를 포함한 Claude 모델을 위한 지속적 컨텍스트 작업 공간을 제공합니다.
Tools

ViralCanvas.ai는 Sonnet 4.5를 포함한 Claude 모델을 위한 지속적 컨텍스트 작업 공간을 제공합니다.

ViralCanvas.ai는 Claude 모델 위에 구축된 시각적 작업 공간으로, Sonnet 4.5, Sonnet 4.6, Opus 4.5, Opus 4.6에 대한 접근을 제공하며 지속적인 컨텍스트 첨부 기능을 갖추고 있습니다. 이 도구는 연결된 문서를 모든 프롬프트에서 능동적으로 가중치를 부여함으로써 긴 대화에서 발생하는 컨텍스트 저하 문제를 해결합니다.

OpenClawRadar
SeeFlow: 라이브 앱에 연결된 아키텍처 다이어그램
Tools

SeeFlow: 라이브 앱에 연결된 아키텍처 다이어그램

SeeFlow는 코드베이스에서 플로우 캔버스를 생성하고 각 노드를 실제 실행 중인 앱에 연결하며, Claude Code, Codex, Cursor, Windsurf용 플러그인과 MCP 서버를 제공합니다.

OpenClawRadar