Taskmuse AI 랜딩 페이지v1.0.4
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 32회좋아요 0개저장 1회
$4.99
이 Skill을 구매하면 무엇을 받나요?작업 관리, 생산성, AI 어시스턴트 제품을 위한 따뜻하고 구조적인 마케팅 사이트입니다. 샌드 뉴트럴 바탕, 헤어라인 그리드 프레임, 사선 해칭 포인트가 자간을 좁힌 헤드라인과 실시간 칸반 보드를 감쌉니다. 방문자는 보드를 전환하고 검색하며 어시스턴트가 계획을 세우는 모습을 볼 수 있습니다. 기능 탭, 일정 관리 쇼케이스, 계획 타임라인, 고객 사례, 보안, 좌석 계산기가 있는 가격, FAQ가 이어지고, 가격, 고객 사례, 변경 내역, 소개, 문의, 로그인, 가입, 법적 고지 페이지를 라이트·다크 모드로 제공합니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 오프라인에서 열리는 단일 독립 HTML 파일에 담긴 완전한 제품 사이트: 홈과 가격, 고객 사례, 변경 내역, 소개, 문의, 로그인, 가입, 개인정보 처리방침, 이용약관, 404
- 실시간 패널로 구현한 제품 인터페이스: 보드·목록·타임라인 보기, 실행 취소를 지원하며 분류와 계획을 맡는 어시스턴트, 주간 캘린더, 번다운 차트, 연동 스위치
- 어시스턴트 전용 코발트 포인트 하나를 둔 샌드 뉴트럴 색 구성, 실제로 동작하는 다크 테마, 내장 폰트, 그리고 고객 사례·창업자·팀·아바타에만 쓰는 사진
이런 분께 추천
- 디자인 작업 없이 신뢰감 있는 사이트가 필요한 작업 관리, 계획, 일정 관리, AI 어시스턴트 제품 출시 팀
- 설명보다 보여 주는 편이 쉬운 제품으로, 방문자가 어시스턴트가 일하는 모습을 직접 봐야 하는 경우
- 지금 바로 쓸 독립형 사이트나, 같은 디자인을 자신의 Next.js, React, Vue, Svelte, Astro 프로젝트로 옮기고 싶은 개발자
이런 분께는 비추천
- 처음부터 CMS 기반이나 다국어 사이트가 필요한 팀
- 실제 고객 로고나 스톡 사진을 기대하는 경우: 모든 브랜드, 인물, 후기는 직접 교체하기 전까지 가상입니다
- 실제로 동작하는 앱이나 백엔드: 가입, 로그인, 문의 폼은 페이지 안에서 확인만 보여 주며, 실제 처리를 하려면 별도의 서비스가 필요합니다
제품 런칭·앱 성장웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작웹 템플릿 제작스타일 고정편집 가능한 결과물전환 중심라이트 우선사선 해칭 포인트헤어라인 그리드 프레임칸반 Hero샌드 뉴트럴타이트 자간 타이포
이 Skill 소개
AI 또는 생산성 제품을 설명하면 완성된 마케팅 사이트를 받을 수 있습니다. 헤어라인과 사선 해칭으로 프레임을 두른 샌드 뉴트럴 페이지에, 제품은 스크린샷이 아닌 실시간 보드로 보여 줍니다. 결과물은 어떤 브라우저에서도 열리고 오프라인에서 동작하는 단일 독립 파일입니다.
제공 내용
- 기능 탭, 일정 관리 쇼케이스, 계획 타임라인, 고객 사례, 후기, 보안, 가격, FAQ, 가입 밴드가 담긴 홈 페이지
- 결제 주기 전환, 좌석 계산기, 비교표가 있는 가격 페이지와 고객 사례, 변경 내역, 소개, 문의, 로그인, 가입, 개인정보 처리방침, 이용약관, 404 페이지
- 보드·목록·타임라인 보기와, 요청을 분류하고 하루 일정을 계획하며 실행 취소를 지원하는 어시스턴트가 담긴 제품 창
- 헤어라인 프레임, 해칭 포인트, 어시스턴트 전용 코발트 포인트 색 하나, 완성된 다크 테마
- 요청 시 같은 디자인을 사용 중인 스택의 컴포넌트와 라우트로 구현
사용 방법
- 제품 이름, 핵심 약속, 어시스턴트가 하는 일, 제공하는 보기 방식, 요금제, CTA를 공유하세요
- 하나의 샘플 워크스페이스를 기준으로 보드, 캘린더, 타임라인을 내 용어로 다시 구성하고, 초안으로 작성한 고객·수치·보안 관련 주장을 목록으로 정리합니다
- 완성된 파일을 브라우저에서 열고, 요금제를 두 단계로 바꾸거나 Hero가 타임라인 보기로 열리게 하는 등 원하는 수정 사항을 평소 말투로 요청하세요
사진은 에이전트의 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 폰트와 이미지는 완성된 파일에 내장됩니다.
시작 전에 필요한 것
- 준비할 것
- 제품 이름, 한 줄 약속, 어시스턴트 이름과 어시스턴트가 하는 세 가지 일 · 요금제와 한도, 확인 가능한 보안 정보, CTA(가입, 대기자 명단, 데모)
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 선택 사항: 고객 사례, 창업자, 팀, 아바타 사진을 위한 에이전트의 이미지 생성 도구
- 외부 비용
- 고객 사례, 창업자, 팀, 아바타 사진은 에이전트의 자체 이미지 도구로 생성되며, 해당 도구의 사용 요금이 발생할 수 있습니다. 번들된 인물 사진과 중립적인 디테일 사진은 임시 이미지로 그대로 둘 수 있습니다.
- 최근 테스트
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…