토론

클로드 코드 랜딩 페이지 3개 플러그인으로 빌드하기

Wikiprompt, 무료 프롬프트 백과사전에서

Zero
기여자ZeroX출처

2026년 10월 30일

클로드 코드 랜딩 페이지 3개 플러그인으로 빌드하기 Claude Code용 워크플로우 프롬프트로, 세 가지 플러그인을 사용하여 미적 결정, 테스트 주도 개발, 최신 문서 검증을 강제하고, 배포 전 단계별 승인을 요구합니다.

프롬프트 내용저장

🌐
Flux라는 개발자 도구용 랜딩 페이지를 만들어 드리겠습니다. 코드를 작성하기 전에, frontend-design을 사용하여 단일 실제 미학(브루탈리스트, 에디토리얼, 미니멀 또는 레트로 중 하나를 선택)을 선택하고 고정하십시오. 그런 다음 superpowers를 사용하여 전체 컴포넌트 트리를 계획하고, 먼저 컴포넌트 테스트를 작성하고, 각 컴포넌트를 테스트를 통과하도록 구축하고, 최종 확정 전에 코드 리뷰를 실행하십시오. 모든 라이브러리 및 API 호출에 대해 context7을 사용하여 최신 문서를 확인하고 최신 문서에 없는 메서드는 사용을 거부하십시오. 아무것도 배포하지 마십시오. 먼저 계획을 보여 주십시오. 승인하면 구축하십시오. 빌드가 테스트를 통과하면 디스크에 쓰기 전에 최종 diff를 한 번 더 승인을 위해 보여 주십시오.

전체 프롬프트를 보려면 로그인하세요

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

사용법

이 프롬프트는 coding와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.

최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.

참고 자료

분류:coding| twitter| claude-code| landing-page

토론