코드 라이브러리
Deepseek Artifacts로 생성된 코드 라이브러리
No blocks found.
구경만 하는 게 아니라 실행되는 Claude Artifacts 예시
아래 카드 하나는 하나씩 Claude나 DeepSeek이 자연어 프롬프트로 만든 실제로 동작하는 React 앱입니다. 열면 샌드박스에서 바로 실행되고, 옆에는 만든 계기가 된 프롬프트와 고쳐 쓸 수 있는 코드가 함께 보입니다. 스크린샷이 아닌 실제 결과로 판단할 수 있습니다.
아티팩트 예시 자주 묻는 질문
- 여기서 Claude Artifacts 예시란?
- 아티팩트는 모델이 하나의 프롬프트로 완성한 독립 앱입니다 — 대시보드, 게임, 단계별 폼까지. 이 페이지의 예시는 Claude·DeepSeek 코딩 모델로 만들고 정상적으로 렌더링되는 것만 남겼으므로, 코드 나열이 아닌 실제 데모입니다.
- 이 예시를 무료로 실행하거나 재사용할 수 있나요?
- 할 수 있습니다. 전부 로그인·결제 없이 브라우저에서 열립니다. 샌드박스 코드를 고치면 미리보기가 다시 만들어지고, 무료 AI 앱 빌더에서 내 프롬프트로 다시 만들 수도, 완성된 아티팩트를 Claude Artifact 다운로더로 단일 HTML로 내보낼 수도 있습니다.
- 아티팩트와 일반적인 코드 스니펫의 차이는?
- 스니펫은 복사 후 실행을 기대하는 텍스트이고, 아티팩트는 실행됩니다. 이 예시들은 스타일을 포함한 React 컴포넌트로 샌드박스 미리보드에 마운트되므로, 읽기만 하는 게 아니라 모바일에서 직접 쓸 수 있습니다.