# SuperDesign — IDE내부에서 사용하는 AI 디자인 에이전트

> Clean Markdown view of GeekNews topic #22728. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=22728](https://news.hada.io/topic?id=22728)
- GeekNews Markdown: [https://news.hada.io/topic/22728.md](https://news.hada.io/topic/22728.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-08-26T09:31:02+09:00
- Updated: 2025-08-26T09:31:02+09:00
- Original source: [github.com/superdesigndev](https://github.com/superdesigndev/superdesign)
- Points: 19
- Comments: 3

## Summary

IDE 내부에서 직접 사용할 수 있는 **오픈소스 디자인 에이전트**로, 자연어 프롬프트만으로 **UI 목업**과 **와이어프레임**을 빠르게 생성할 수 있습니다. **Cursor, Windsurf, Claude Code, VS Code** 등 주요 IDE와 호환되어, 즉각적인 디자인 생성 및 코드 작업을 지원합니다. 모든 결과물은 **로컬 디렉토리**에 저장되며, 프롬프트 기반의 반복적 디자인 작업과 **컴포넌트 코드** 삽입, 손쉬운 디자인 복제 기능으로 **개발-디자인 워크플로우**를 편하게 만들어줍니다.

## Topic Body

- **Cursor for design** - IDE 내부에서 동작하는 **오픈소스 디자인 에이전트**  
- 자연어 프롬프트를 통해 **UI 목업(mockup)**, **컴포넌트**, **와이어프레임**을 즉시 생성 가능  
- Cursor, Windsurf, Claude Code, VS Code 등과 완벽 호환 (확장으로 설치)   
### 주요 기능  
- **Product Mock**: 프롬프트 한 줄로 전체 UI 화면 자동 생성  
- **UI Components**: 재사용 가능한 컴포넌트 생성 및 코드 삽입 가능  
- **Wireframes**: 빠른 반복(iteration)을 위한 저해상도 와이어프레임 제공  
- **Fork & Iterate**: 디자인을 복제하고 진화시키는 기능  
- **Prompt-to-IDE**: 생성 프롬프트를 IDE(Cusor, Windsurf, Claude Code 등)로 바로 전달  
- 생성된 모든 디자인은 **로컬 디렉토리 `.superdesign/`** 에 저장됨  
-   
### Claude Code / Cursor 구독 연동  
- SuperDesign 초기화 후 **Cursor/Claude Code 규칙이 자동 추가**되어, 디자인 프롬프트 및 미리보기 지원  
- Cursor 사용 시: `design.mdc` 파일에 프롬프트를 복사하고 Cursor에서 같은 시스템 프롬프트로 **Custom Mode**를 생성하면 성능 향상  
- 참고 영상: [Instruction Video](https://youtu.be/KChmJMCDOB0?si=pvU0kNRO4GRWjsec&t=122)

## Comments



### Comment 42940

- Author: bluekai17
- Created: 2025-08-26T09:46:15+09:00
- Points: 1

Superdesign: Configure Anthropic API key  
claude api를 따로 또 지불해야 하는걸까요?

### Comment 43083

- Author: liooil
- Created: 2025-08-29T06:49:59+09:00
- Points: 1
- Parent comment: 42940
- Depth: 1

네 일단은 그렇네요. 아님 openroute deepseek으로 맛보기는 가능하네요.

### Comment 42972

- Author: shakespeares
- Created: 2025-08-26T15:35:00+09:00
- Points: 1
- Parent comment: 42940
- Depth: 1

로그인해서 계정으로 안되나요?