DexZane/awesome-web-prompts

해결하는 문제

웹 개발자들은 고품질의 즉시 사용 가능한 웹 페이지 컴포넌트나 AI 도구로 완전한 페이지를 생성할 수 있는 프롬프트를 찾는 데 많은 시간을 소비하는 경우가 많습니다. 이 프로젝트는 엄선된 웹 개발 리소스 모음(즉시 완성된 페이지를 생성하는 AI 프롬프트와 바로 실행 가능한 소스 코드)을 제공하여 이 문제를 해결합니다. 검색을 건너뛰고 프롬프트를 붙여넣거나 코드를 직접 복사할 수 있습니다.

작동 방식

리포지토리는 명확한 카테고리(히어로 섹션, 랜딩 페이지, SaaS, 404 페이지, UI 컴포넌트 등)로 구성됩니다. 각 항목은 프롬프트(ChatGPT, Claude, Cursor 등에 붙여넣어 코드를 생성하는 텍스트) 또는 소스 코드(완전한 실행 가능한 HTML/CSS/JS 코드)로 표시됩니다. 각 항목에는 미리보기 스크린샷(가능한 경우)과 사용 지침이 포함됩니다. 프롬프트의 경우 prompt.md 파일을 열고 텍스트를 복사합니다. 소스 코드의 경우 코드를 복사하여 브라우저에서 엽니다. 프로젝트는 기여 템플릿과 가이드라인도 제공하며, 중국어와 영어(자동 구축된 영어 README)를 지원합니다.

대상 사용자

프론트엔드 개발자, 디자이너, 그리고 AI 도구를 사용하여 웹사이트를 빠르게 구축하는 모든 사람. 특히 처음부터 모든 줄을 작성하지 않고 시각적으로 풍부하고 애니메이션이 있으며 인상적인 페이지를 원하는 사람에게 유용합니다. 프롬프트를 붙여넣거나 기성 코드를 가져오기만 하면 됩니다.

주요 특징

• 대규모 엄선 컬렉션: 히어로 섹션, 전체 랜딩 페이지, SaaS, AI, 404 페이지, 푸터, UI 컴포넌트, 포트폴리오 등 다양한 카테고리를 다룹니다.
• 두 가지 유용한 형식: 완전한 웹 페이지를 생성하는 AI 프롬프트와 직접 사용하거나 시작점으로 사용할 수 있는 실행 가능한 소스 코드.
• 각 항목에 미리보기 및 사용 설명 포함: 시도하기 전에 무엇을 얻을 수 있는지 확인할 수 있습니다.
• 기여가 쉬움: 템플릿과 기여 가이드가 새 리소스를 추가하는 데 도움을 줍니다.
• 이중 언어 문서: 중국어 메인 페이지와 자동 구축된 영어 버전.