작업 스킬
Taste Skill
공개 웹사이트에 의도적인 시각적 방향을 부여한 다음 브라우저에서 결과를 확인하세요.
소개
공개 문서를 바탕으로 LessAI Tools가 정리
Taste Skill는 코딩 도우미가 실제 브리핑에서 공개 페이지를 디자인하는 데 도움이 됩니다. 기본 워크플로는 시각적 방향을 선택하고 관련 이미지를 사용하며 스크린샷을 검토합니다.
또한 저장소는 재설계, 제한된 제품 인터페이스 및 이미지 참조를 위한 별도의 기술을 제공합니다. 모든 스타일을 설치하기보다는 페이지에 맞는 워크플로를 선택하세요.
시작하기
준비 사항
- 기본 스크립트 워크플로에는 Node.js 22 이상이 필요하며 설치된 Chrome, Edge 또는 Chromium 브라우저가 필요합니다.
- 호환되는 코딩 도우미를 사용하고 실제 개요와 콘텐츠를 제공하세요. 외부 이미지를 찾으려면 네트워크 액세스가 필요합니다.
제한 및 비용
- 기본 기술은 마케팅 페이지, 포트폴리오 및 유사한 공개 페이지를 대상으로 합니다. 대시보드와 앱 화면은 저장소에서 서로 다른 기술을 사용합니다.
- 미디어 속성과 생성된 행동을 직접 확인하세요. 이 사이트에서는 각 변형에 대한 설치 테스트를 거치지 않고 문서를 검토했습니다.
공개 문서를 기반으로 합니다. 모든 프로젝트를 직접 설치해 테스트하지는 않았습니다.
활용 방법
- 주제, 청중, 실제 콘텐츠를 바탕으로 아트 디렉션을 구축하세요.
- 페이지를 구축하는 동안 참조 이미지와 브라우저 검사기를 사용하세요.
- 다양한 너비로 스크린샷을 검토하고 가장 중요한 문제를 수정하세요.
공식 프로젝트 및 문서
프로젝트 설명(번역)
코딩 에이전트에게 취향을 주는 에이전트 기술: 일반 AI 페이지 대신 아트 디렉션, 참조 이미지 및 브라우저 확인
비슷한 작업의 플러그인
주요 용도를 우선하고 공통 작업과 스타 수를 참고합니다. 연결 방법은 다를 수 있습니다.
- Anthropic Skills · Frontend Design — 의도적인 레이아웃, 타이포그래피 및 상호 작용 선택을 통해 인터페이스를 계획하고 구축하고 비평합니다.
- Text to CAD — 치수와 모양 설명으로 편집 가능한 3D 부품을 만듭니다.
- Stitch Skills — 텍스트·이미지 기획에서 화면 디자인과 프런트엔드로 이어집니다.