검사 통과한 반응형 HTML 구획
구획 설명과 브랜드 색·문구를 넣으면 스크립트 없는 반응형 HTML+CSS 와 데스크톱·모바일 미리보기를 돌려줍니다.
실행하기
10~120P/ 실행예상 2~11초 · 글 생성 보통 2회, 최대 2회 · 후보·근거 판단 보통 1회, 최대 1회
출고 전 평가 사례의 실측 범위; 입력 크기에 따라 달라지며 보장 시간 아님
기본 처리비 + 응답 사용량과 저장 단가로 계산한 도구 사용료. 최대액을 예약하고 차액을 반환합니다. 원가 미확인·실패 시 청구하지 않습니다.
이 Skill 의 결과는 생성형 AI 가 만듭니다.
예제
입력
{
"request": "요금제 3단 비교 구획. 가운데 '프로'를 추천으로 강조하고, 각 요금제에 기능 목록과 버튼을 넣어 주세요.",
"copy": "제목: 팀에 맞는 요금제를 고르세요\n설명: 모든 요금제는 14일 무료 체험을 포함합니다.\n\n스타터 | 월 9,900원 | 프로젝트 3개, 팀원 2명, 이메일 지원 | 버튼: 무료로 시작\n프로(추천) | 월 29,000원 | 프로젝트 무제한, 팀원 10명, 우선 지원, 권한 관리 | 버튼: 14일 무료 체험\n엔터프라이즈 | 별도 문의 | 전담 매니저, SSO 로그인, 감사 로그, 맞춤 계약 | 버튼: 상담 신청",
"brand_color": "#2563EB",
"brand_name": "플로우보드"
}설명
요금제 비교, 후기 카드, 자주 묻는 질문, 첫 화면 같은 구획을 설명하면 시안을 여러 개 만들고, 실제 브라우저에서 1280px·375px 로 띄워 가로 넘침, 글자 잘림·겹침, 최소 글자 크기, 글자 대비(WCAG AA), 터치 대상 44px 를 잰 뒤 통과한 시안만 골라 줍니다. 스크립트·외부 이미지·외부 주소는 코드로 걸러 내고 스타일은 구획 안으로 한정해 기존 페이지에 붙여도 섞이지 않습니다. 넣은 문구와 가격만 쓰며, 없는 내용은 자리표시로 표시합니다. 검증 결과: 7개 사례 평균 91/100점, 일반 모델 1회 텍스트 응답 79.9점. 실측 2~6초, 외부 AI 보통 3회. 동일 도구 조건의 실험이 아닌 납품 결과 비교이며, 반복 개선에 사용한 사례의 결과로 일반적인 성능을 보장하지 않습니다.
입력과 결과
입력
| 이름 | 형식과 설명 |
|---|---|
만들고 싶은 구획필수request | 글 · 최대 600자 예: 요금제 3단 비교(가운데 강조), 후기 카드 3개, 자주 묻는 질문 접이식, 첫 화면 히어로 |
넣을 문구copy | 글 · 최대 4,000자 제목·설명·가격·항목·버튼 글을 줄마다 적습니다. 비워 두면 자리표시 문구로 채웁니다. |
브랜드 색brand_color | 글 · 최대 7자 #RRGGBB |
브랜드 이름brand_name | 글 · 최대 40자 |
바탕theme | 글 (light · dark) |
입력은 글자 수 합계 100,000자까지, 처리 시간은 최대 120초입니다.
결과
| 이름 | 형식과 설명 |
|---|---|
HTML(스타일 포함)html | 글 |
구획 클래스 이름class_name | 글 |
구획 종류section_type | 글 |
HTML 파일file | 글 |
미리보기previews | 목록 (파일 · 설명 · 가로(px) · 세로(px)) |
검사표checks | 목록 (검사 · 데스크톱 1280px · 모바일 375px · 통과) |
자리표시 문구(직접 채울 곳)placeholders | 글 목록 |
색 이름표(대비를 맞춘 값)colors | 묶음 |
안전 정리safety | 묶음 |
참고notes | 글 목록 |
후보 처리 내역candidates | 묶음 |
결과 파일artifacts | 목록 (파일 ID · 파일 이름 · 설명 · 파일 형식 · 파일 주소 · 파일 해시 · 크기(바이트) · 너비 · 높이 · 길이(초)) · 최대 20개 |
API·MCP 로 쓰기
인증키와 포인트는 다른 에이픽 API 와 같습니다. 개발가이드
REST
curl -X POST https://apick.app/rest/skills/sk_c17ac5bf6c0472a8/runs \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Idempotency-Key: my-request-001" \
-H "Content-Type: application/json" \
-d '{"input":{"request":"요금제 3단 비교 구획. 가운데 '\''프로'\''를 추천으로 강조하고, 각 요금제에 기능 목록과 버튼을 넣어 주세요.","copy":"제목: 팀에 맞는 요금제를 고르세요\n설명: 모든 요금제는 14일 무료 체험을 포함합니다.\n\n스타터 | 월 9,900원 | 프로젝트 3개, 팀원 2명, 이메일 지원 | 버튼: 무료로 시작\n프로(추천) | 월 29,000원 | 프로젝트 무제한, 팀원 10명, 우선 지원, 권한 관리 | 버튼: 14일 무료 체험\n엔터프라이즈 | 별도 문의 | 전담 매니저, SSO 로그인, 감사 로그, 맞춤 계약 | 버튼: 상담 신청","brand_color":"#2563EB","brand_name":"플로우보드"}}'
Idempotency-Key 는 요청마다 새로 정하는 값입니다. 같은 값으로 다시 보내면 한 번만 실행되고 같은 결과를 돌려받습니다.
MCP
엔드포인트 https://apick.app/mcp/skills 도구 run_skill skill_id sk_c17ac5bf6c0472a8
리뷰 0개
로그인하고 이 스킬을 실행하면 리뷰를 남길 수 있습니다. 로그인
아직 리뷰가 없습니다. 실행해 본 뒤 첫 리뷰를 남겨 주세요.