AI 에이전트가 앱을 디자인하게 하세요

Claude Code, Cursor, Codex를 비롯한 모든 코딩 에이전트가 Sleek에서 모바일 앱을 디자인할 수 있습니다. 아래 프롬프트 하나만 복사하세요. 에이전트가 알아서 설정하고 나머지를 처리합니다.

Set up Sleek (sleek.design) so you can design mobile apps for me. Fetch https://sleek.design/agents.md and follow the instructions there.

에이전트가 알아서 설정합니다. 붙여넣고, 승인하고, 지켜보세요.

프롬프트 붙여넣기
Claude Code, Cursor, Codex 등 URL을 가져올 수 있는 모든 코딩 에이전트에 붙여넣으세요. 프롬프트가 Sleek 설정 안내를 어디서 찾을지 알려 줍니다.
연결 승인하기
공식 Sleek 스킬을 설치한 뒤 계정 연결 링크를 보내드립니다. 로그인하고 승인하면 끝입니다.
에이전트 설정 열기
에이전트가 디자인하는 모습 지켜보기
지켜보는 동안 에이전트가 Sleek 에디터에서 실시간으로 화면을 디자인하고, 화면마다 스크린샷과 코드를 돌려줍니다.

Sleek 스킬을 직접 설치하세요. 이 스킬은 에이전트가 사용하는 것과 같은 API를 호출합니다.

npx skills add sleekdotdesign/agent-skills -s sleek-design-mobile-apps

터미널에서 이 명령어를 실행하세요. 그런 다음 Claude Code를 열고 /mcp를 실행한 후, 계정으로 Sleek을 인증하세요.

claude mcp add --transport http sleek https://sleek.design/api/mcp

이 서버를 ~/.cursor/mcp.json에 추가하고 기존 mcpServers 항목과 병합하세요. 그런 다음 메시지가 표시되면 Cursor에서 Sleek을 인증하세요.

{
  "mcpServers": {
    "sleek": {
      "url": "https://sleek.design/api/mcp"
    }
  }
}

Claude.ai와 ChatGPT는 Sleek의 MCP 서버를 통해 Sleek에 연결할 수 있습니다. MCP 서버 URL을 커넥터로 추가하고 Sleek 계정으로 로그인하세요.

https://sleek.design/api/mcp

계속 사용하려면 Pro 또는 Team 플랜이 필요합니다. 무료 계정도 1회성 체험 크레딧으로 사용해 볼 수 있습니다.

신규 계정에는 에이전트의 첫 디자인에 충분한 1회성 체험 크레딧이 포함됩니다. 이후 Pro는 월 $69, 연간 결제 시 월 $30입니다. 매달 20,000 AI 크레딧이 제공되어 약 650개의 화면을 디자인할 수 있습니다. 언제든지 취소할 수 있습니다.