앱 수정하기
Skills
앱이 할 수 있는 일을 고르세요. 로그인, 결제, 예약, 지도, PDF와 CSV 내보내기 등을 요청하면 앱에 만들어 넣어요. 나만의 스킬도 직접 쓸 수 있어요.
스킬은 Setherion에게 앱에 만들어 넣어 달라고 요청하는 기능이에요. 로그인, 카드 결제, 지도, 예약 위젯, 내보내기 버튼 같은 것들이에요. 기능을 내 말로 설명하는 대신 체크하기만 하면, 빌드에 그 기능을 포함하라는 지시와 제대로 만드는 방법이 함께 전달돼요.
스킬은 18개가 있고, 나만의 스킬도 쓸 수 있어요.
스킬 고르기
스킬은 앱을 설명하는 입력창 옆의 + 메뉴에 있어요. 같은 줄이 앱을 만들기 전의 대시보드와, 이미 있는 앱에 무언가를 추가하는 에디터에도 있어요.
Skills 열기
+ 버튼을 누르고, 이어서 Skills를 누르세요. 전체 목록이 있는 창이 열려요. 검색창에서는 스킬의 이름, 하는 일, 쓰는 서비스로 스킬을 찾을 수 있어서, “stripe”를 입력하면 Payments가 나와요.
원하는 것 체크하기
원하는 만큼 체크하세요. 창에서는 한 번에 몇 개씩 고르는 것이 가장 좋다고 안내해요. Done을 누르세요. 세 개를 골랐다면 Use 3 버튼을 누르세요.
요청 보내기
고른 스킬은 입력창 맨 앞에 작은 칩으로 나타나고, 칩에 있는 × 표시로 다시 뺄 수 있어요. 평소처럼 요청을 쓰고 보내세요. 스킬만 고르고 아무것도 쓰지 않으면 메시지가 대신 써져요. “Add to the app: Payments”, 새 앱이라면 “Build an app that includes: Payments”예요.
스킬을 고르는 것만으로는 비용이 들지 않아요. 요청에 한 줄이 추가될 뿐이라서, 내는 비용은 그 빌드나 수정의 일반 가격이에요. 요금제와 크레딧을 보세요.
Chat 모드에서는 아무것도 만들어지지 않아서, 고른 스킬은 다음 Build를 위해 그대로 선택된 채 남아요. Build, Chat, Plan을 보세요.
추천
요청에 “지도”, “PDF”, “결제”, “Telegram”처럼 스킬이 하는 일이 나오면, 입력창 아래에 Add a skill for this? 줄이 나타나고 추천이 최대 두 개 표시돼요. 하나를 누르면 추가되고, × 버튼을 누르면 이번 세션 동안 더 이상 추천하지 않아요. 누르지 않으면 아무것도 추가되지 않고, 앱에 이미 있는 스킬은 추천하지 않아요.
서비스를 쓰는 스킬
스킬 중 14개는 계정에 연결하는 서비스를 통해 작동해요. Stripe나 Calendly 같은 서비스예요. 창에서는 이런 스킬이 Uses a service 아래에 나열되고, 그 서비스가 연결될 때까지 줄에 Needs Stripe라고 표시돼요. 초록색 점은 이미 연결되어 있다는 뜻이에요.
서비스가 아직 연결되지 않은 스킬도 고를 수 있어요. 고르면 그 서비스가 앱이 쓸 수 있는 도구 목록에 추가되고, Setherion이 어떻게 할지 물어봐요. 서비스를 연결해서 앱이 실제로 쓰게 하거나, Build without it 버튼을 누르세요. 서비스 없이 만들면, 앱은 작동하는 척하지 않고 그 기능이 설정되지 않았다고 알려 주도록 만들어져요. 지어낸 주문, 예약, 검색 결과는 없어요. 서비스를 연결하는 방법은 커넥터를 보세요.
18개의 스킬
하나를 열면 무엇이 추가되는지, 그리고 서비스가 연결되지 않았을 때 앱이 어떻게 하는지 볼 수 있어요.
Authentication
로그인, 회원가입, 계정이에요. 앱에 로그인 화면과 회원가입 화면, 유지되는 세션, 로그아웃 버튼이 생기고, 계정이 필요한 페이지는 로그인한 사람에게만 보여요. Setherion의 자체 백엔드를 쓰기 때문에 연결할 서비스도, 찾아야 할 키도 없어요.
Multi-language
앱을 두 가지 언어로 보여 줘요. 헤더나 내비게이션에 언어 코드로 표시된 언어 전환 버튼이 나타나요. 기본적으로는 앱의 언어와 영어를 제공하고, 요청에 원하는 언어를 적으면 그 언어를 제공해요. 모든 화면의 모든 텍스트가 번역돼요.
PDF export
인쇄 대화상자를 통해 페이지를 PDF로 저장해요. 청구서, 보고서, 이력서, 영수증처럼 보관할 만한 페이지에 Download PDF 버튼이 생겨요. 브라우저의 인쇄 대화상자가 열리고 거기서 사용자가 Save as PDF를 고르며, 페이지는 A4에 맞게 배치돼요. 뒤에서 몰래 파일을 만들지는 않아요.
CSV export
목록과 표를 Excel용으로 다운로드해요. 각 목록이나 표에 Export CSV 버튼이 생겨요. 파일에는 화면에 보이는 행이 그대로 담기고, 사용자가 고른 필터와 순서, 머리글 행, 그리고 Excel이 올바르게 읽는 악센트 문자가 반영돼요. 파일 이름은 목록 이름과 날짜로 정해져요.
File upload (Cloudinary)
이미지와 파일을 업로드해요. 파일 형식과 크기를 확인하고, 브라우저에서 내 Cloudinary 계정으로 바로 업로드하며, 업로드된 파일의 주소를 레코드와 함께 보관하는 파일 선택기가 생겨요. Cloudinary가 연결되지 않았다면 파일 선택기는 만들어지지만, 파일을 고르면 업로드가 설정되지 않았다고 알려 줘요. 파일이 저장된 것처럼 보관되지는 않아요.
Payments (Stripe)
Stripe로 카드 결제를 받아요. 구매 버튼은 구매자를 Stripe의 자체 결제 페이지로 보내요. 앱은 자체 카드 입력 폼을 보여 주지 않고, 자체 결제 확인도 쓰지 않아요. Stripe가 연결되지 않았다면 판매 중인 것을 보여 주는 화면은 만들어지고, 모든 구매 버튼은 아직 결제가 설정되지 않았다고 알려 줘요. 결제를 보세요.
AI images (Replicate)
앱을 쓰는 사람이 텍스트 설명으로 이미지를 만들어요. 프롬프트 입력창, 로딩 상태, 그리고 만들어진 그림이 생겨요. Replicate를 호출하기 때문에 내 Replicate 키가 필요해요. 키를 추가하기 전에는 호출이 실패하고, 앱은 대신 기본 이미지를 보여 주지 않고 오류를 보여 줘요.
AI chat (OpenAI)
앱 안의 AI 어시스턴트나 챗봇이에요. 답변이 OpenAI에서 오는 채팅 화면이 생겨요. 키를 추가하기 전에는 앱이 미리 준비된 답변 대신 오류를 보여 줘요.
Email (Resend)
Resend로 이메일을 보내요. 실제로 발송되는 문의 폼이나 확인 메시지 같은 것이에요. Resend가 없으면 문의 폼은 각 메시지를 앱 자체 데이터에 보관하고, 그 메시지는 Manage에서 읽어요. 방문자에게는 메시지를 받았다고 알려 주고, 이메일이 발송되었다고는 절대 알리지 않아요.
Maps (Google Maps)
Google Map에 장소를 보여 주고, 장소마다 마커를 달고, 앱에 필요하면 주소 검색도 넣어요. Google Maps 키가 없으면 앱은 주소를 텍스트로 보여 주고 Open in Google Maps 링크를 달아요. 이 링크에는 키가 필요 없어요. 가짜 지도는 없어요.
Bookings (Calendly)
방문자가 Calendly의 자체 예약 위젯으로 시간을 예약하게 해요. Calendly가 없으면 앱에는 대신 예약 요청 폼이 생겨요(이름, 이메일, 가능한 시간, 메시지). 요청은 Manage에 보관되고, 방문자에게는 확인을 위해 연락하겠다고 알려요. 시간이 예약되었다고 표시하는 일은 절대 없어요.
Search (Algolia)
즉시 검색이에요. 큰 카탈로그에는 Algolia를 써요. 입력하는 동안 결과가 나타나고, 일치하는 부분이 강조되며, 결과가 없으면 그렇다고 알려 줘요. Algolia가 없으면 앱이 브라우저에서 자체 데이터를 검색해요. 어떤 단어든 어떤 순서든, 대문자와 악센트는 무시하고 찾아요. 일반적인 규모의 앱이라면 이것으로 충분해요.
Voice (ElevenLabs)
ElevenLabs로 텍스트를 소리 내어 읽어 줘요. 재생과 정지 버튼, 그리고 음성이 만들어지는 동안의 로딩 상태가 생겨요. 키를 추가하기 전에는 앱이 오류를 보여 줘요. 브라우저의 기계적인 음성을 진짜 음성인 것처럼 내보내지는 않아요.
Web research (Perplexity)
Perplexity의 실시간 출처가 달린 답변이에요. 질문 입력창, 답변, 그리고 출처 링크가 생겨요. 키를 추가하기 전에는 앱이 오류를 보여 줘요. 물어보지 않고 답변을 쓰는 일은 없어요.
Read websites (Firecrawl)
Firecrawl로 웹 페이지에서 깔끔한 텍스트를 가져와요. 주소를 넣으면 페이지의 읽을 수 있는 텍스트가 돌아와서 앱이 보여 주거나 쓸 수 있어요. Firecrawl이 없으면 주소 입력창은 만들어지고, 주소를 보내면 웹사이트 읽기가 설정되지 않았다고 알려 줘요.
Google Sheets
스프레드시트를 앱의 데이터로 써요. 로딩 상태가 있고, 시트를 읽을 수 없을 때는 분명한 메시지를 보여 줘요. Google Sheets가 연결되지 않았다면 화면은 만들어지고 스프레드시트가 연결되지 않았다고 알려 줘요. 지어낸 행은 없어요.
Telegram alerts
새 주문, 예약 요청, 전송된 폼처럼 무슨 일이 생기면 Telegram으로 알려 줘요. 메시지는 방문자가 아니라 나에게 와요. Telegram이 연결되지 않았더라도 그 일은 Manage에서 볼 수 있게 보관되고, 아무것도 발송되지 않아요. 앱은 팀에 알렸다고 말하는 일이 절대 없어요.
Slack alerts
새 주문, 회원가입, 전송된 폼처럼 무슨 일이 생기면 Slack으로 팀에 알려 줘요. 메시지는 방문자가 아니라 내 Slack으로 가요. Slack이 연결되지 않았다면 Telegram alerts와 똑같이 동작해요. 그 일은 Manage에 보관되고 아무것도 발송되지 않아요.
나만의 스킬
모든 앱에 같은 지시를 반복하고 있다면, 한 번만 적어 두세요. 나만의 스킬은 저장해 두었다가 내 어떤 앱에서든 실행하는 지시예요. 브랜드의 말투, 항상 적용하고 싶은 체크리스트, 레이아웃에 대한 내부 규칙 같은 것들이에요.
위의 18개와는 세 가지가 달라요. 대시보드가 아니라 에디터에 있어요. 이미 있는 앱에 하나의 수정으로 적용돼요. 그리고 나만 볼 수 있어요. 워크스페이스의 사람들도 볼 수 없어요.
액션 메뉴 열기
에디터의 입력창에 / 문자를 입력하세요. 나만의 스킬은 기본 제공 액션 아래, Created by you 아래에 나열돼요.
스킬 쓰기
Write instructions you can use on any app라고 적힌 줄인 New skill을 누르세요. Name을 정하고(최대 40자), 원하면 When to use it 항목에 한 줄을 쓰고(최대 160자), Instructions를 쓰세요(최대 4,000자). Create skill을 누르세요.
사용하기
/ 문자를 다시 입력하고 스킬을 고르세요. 스킬이 입력창에서 칩이 돼요. 원하면 “가격 페이지에서만”처럼 내 말을 한 줄 덧붙이고 보내세요. Setherion은 스킬을 하나의 일반 수정으로 적용하고, 지시가 요청한 것만 바꾸고, 나머지는 그대로 둬요.
Instructions 입력란의 예시예요:
Write every button as a verb. Keep headings under six words.
Use the accent colour only for the main action on each screen.스킬을 바꾸거나 지우려면 / 메뉴에서 스킬을 고르고 Edit 버튼을 누르세요. 저장하면 바뀌고, Delete는 지우기 전에 한 번 확인해요.
알아 둘 한도가 몇 가지 있어요:
- 스킬은 최대 50개까지 보관할 수 있고, 이름은 서로 달라야 해요.
- 키나 비밀번호가 들어 있는 스킬은 거부돼요. 키는 스킬에 넣지 마세요. Manage의 앱 시크릿에 저장하고, 스킬에는 시크릿의 이름만 적으세요.
- 스킬을 저장해도 실행되지 않아요. 스킬은 내가 고를 때만 한 번에 하나씩 실행되고, 다른 수정과 똑같이 비용이 들어요.
Build, Chat, Plan
/ 메뉴에는 기본 제공 액션도 있어요. 리디자인, 접근성, SEO와 보안 검토, 다듬기, Power up이에요.
이 페이지가 도움이 됐나요?
