Contexa CMS 랜딩 페이지v1.0.6
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 30회좋아요 0개저장 0회
$4.99
이 Skill을 구매하면 무엇을 받나요?실제로 작동하는 UI로 스스로를 설명하는 개발자 제품용 마케팅 사이트를 만듭니다. 라이트 우선의 테두리 그리드 디자인에 초록 포인트 컬러 하나, 차분한 중앙 Hero, 그 아래 항목·필터·API 플레이그라운드가 있는 클릭 가능한 콘텐츠 스튜디오가 들어갑니다. 이어서 기능 벤토, 모델-스튜디오 동기화 데모, 프레임워크 빠른 시작 Tab, 병합 흐름이 있는 콘텐츠 브랜치, 보안, 고객 사례, 가격, FAQ가 나오며, 문서, 변경 로그, 가입, 로그인, 문의, 상태, 법적 고지 페이지까지 라이트와 다크 테마로 제공됩니다. 오프라인으로 작동하는 독립형 파일 하나로 받습니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 작동하는 제품 Hero가 있는 개발자 도구 사이트: 차분한 중앙 헤드라인 아래 항목, 상태 필, 필터, 검색, API 플레이그라운드가 있는 콘텐츠 스튜디오
- 기능 벤토, 모델 동기화 데모, 빠른 시작 Tab, 브랜치 병합 흐름, 보안, 고객 사례, 가격, FAQ와 문서, 변경 로그, 인증, 문의, 상태, 법적 고지 페이지
- 라이트와 다크 테마, 고객 사례·미디어 라이브러리·아바타용으로 생성한 에디토리얼 사진까지 오프라인으로 작동하는 파일 하나에 내장
이런 분께 추천
- 작동하는 UI로 제품을 설명하고 싶은 API, 헤드리스 CMS, SDK, 인프라 제품 출시 팀
- 랜딩 페이지와 어울리는 문서, 변경 로그, 가격, 인증, 상태 페이지가 필요한 개발자 중심 창업자
- 데모나 출시용 오프라인 파일 하나, 또는 기존 프레임워크 프로젝트로 옮긴 같은 디자인이 필요한 팀
이런 분께는 비추천
- 소비자, 라이프스타일, 리테일 브랜드: 테두리 그리드, 모노스페이스 디테일, 코드 Tab은 개발자를 위한 언어입니다
- 데이터베이스 기반 CMS나 실제 블로그가 필요한 팀: 콘텐츠는 페이지 안의 정적 데이터로 들어 있습니다
- 실제 가입, 결제, 가동 시간 모니터링: 폼과 상태 페이지는 자리 표시 데이터를 쓰는 프런트엔드 시뮬레이션입니다
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작웹 템플릿 제작스타일 고정편집 가능한 결과물전환 중심라이트 우선테두리 그리드코드 탭플랫 UI 목업그린 포인트모노스페이스 장식
이 Skill 소개
Contexa CMS 랜딩 페이지는 실제로 작동하는 UI로 스스로를 설명하는 개발자 제품용 마케팅 사이트를 만듭니다. 라이트 우선의 거의 무채색 톤에 초록 포인트 컬러 하나를 쓰고, 얇은 테두리 그리드 안에 촘촘한 디스플레이 서체와 모노스페이스 디테일을 배치합니다. 예시는 가상의 헤드리스 CMS Contexa이며, 고객 워크스페이스 Halvorne Travel과 함께 보여 줍니다.
제공 내용
- Hero 안의 클릭 가능한 콘텐츠 스튜디오: 상태 필이 있는 항목, 필터 칩, 빈 상태가 있는 검색, 요청·응답 패널
- 다양한 레이아웃의 랜딩 섹션: 기능 벤토, 모델-스튜디오 동기화 데모, 프레임워크 빠른 시작 Tab, 병합 흐름이 있는 콘텐츠 브랜치, 보안과 상태, 고객 사례, 결제 주기 토글이 있는 가격, FAQ, 가입
- 하위 페이지: 검색이 있는 문서, 변경 로그와 로드맵, 가입, 로그인, 영업 문의, 고객 사례, 상태, 개인정보 처리방침, 이용약관, 404 페이지
- 라이트와 다크 테마, 거대한 흐린 워드마크 아래 반전된 푸터, 어떤 브라우저에서든 열리고 오프라인으로 작동하는 파일 하나
사용 방법
- 제품명, 한 줄 약속, 핵심 객체, 지원 프레임워크, 요금제를 알려 주세요. 빠진 내용은 초안을 작성해 목록으로 정리합니다.
- 에이전트가 제품의 객체에 맞춰 스튜디오를 다시 만들고, 모든 섹션과 페이지를 새로 쓰고, 어울리는 사진을 생성합니다.
- 파일을 열어 라이트와 다크를 전환하고, 모든 Tab과 폼과 페이지를 눌러 본 뒤 수정 사항을 평소 말투로 요청하세요.
사진은 에이전트에 이미지 도구가 있을 때 그 도구로 만들며, 해당 도구의 사용 요금이 발생할 수 있습니다. 예시의 모든 고객, 인물, 수치는 가상이며, 실제 정보나 명확히 목록화된 자리 표시 내용으로 대체됩니다.
시작 전에 필요한 것
- 준비할 것
- 제품명, 한 줄 약속, 핵심 객체(항목, 요청, 작업, 배포 등) · 지원 프레임워크나 SDK, 설치 명령어, 요금제 이름과 가격 · 확인 가능한 보안 관련 사실, 고객, 인용문(선택 사항, 빠진 부분은 목록화된 자리 표시 내용이 됨)
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 에디토리얼 사진을 위한 에이전트 이미지 도구(선택 사항, 없으면 사진을 직접 제공하거나 라벨이 붙은 자리를 받음)
- 외부 비용
- 고객 사례, 미디어 라이브러리, 아바타용 사진은 가능한 경우 에이전트 자체 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 이미지 도구가 없으면 직접 제공한 사진을 쓰거나 라벨이 명확한 자리를 남깁니다. 그 밖에 유료 서비스는 사용하지 않습니다.
- 최근 테스트
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…