Communitygithub.com

posimyth/uichemy-cursor-plugin

비즈니스 브리프를 바탕으로 UiChemy에서 멀티페이지 워드프레스 웹사이트를 구축합니다. 실제 섹션 레이아웃을 라이브러리에서 선택하고 카피를 작성합니다. 사용자가 비즈니스, 클라이언트 또는 아이디어를 위한 웹사이트, 랜딩 페이지 또는 사이트를 생성, 제작, 초안 작성 또는 디자인하도록 요청할 때 사용하세요.

uichemy-cursor-plugin란 무엇인가요?

이 스킬은 사용자가 비즈니스 설명, 클라이언트 브리프 또는 업종 유형을 바탕으로 새로운 워드프레스 웹사이트를 구축하고자 할 때 사용됩니다. UiChemy API를 활용하여 실제 섹션 레이아웃을 라이브러리에서 검색하고, 각 섹션에 적합한 카피를 작성하며, 팔레트와 폰트를 설정하여 프로젝트를 생성합니다. 지원하는 플랫폼은 UiChemy로, 사용자는 자신의 UiChemy 계정 내에서 프로젝트를 생성합니다. 스킬의 작동 방식은 먼저 사용자 입력에서 비즈니스 이름, 유형, 대상, 톤, 페이지, 색상 및 폰트를 수집하고, UiChemy API를 단계별로 호출하여 섹션 사양을 확인하고, 레이아웃을 검색 및 선택한 후, 카피를 작성하고, 프로젝트를 생성한 후 유효성 검사와 반응형 검사를 수행합니다. 최종적으로 사용자에게 프로젝트 이름, 페이지 목록, 섹션, 팔레트, 폰트 및 수정되지 않은 사항을 제공합니다.

지원 대상~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/build-site-from-brief

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

사용자가 설명, 클라이언트 브리프 또는 업종 유형으로부터 새로운 웹사이트 구축을 원할 때 이 스킬을 사용하세요.

먼저 사용자 메시지에서 다음 입력을 수집하세요: 비즈니스 이름 및 유형, 대상, 톤, 원하는 페이지, 색상이나 폰트(있는 경우). 비즈니스 유형이나 이름이 누락된 경우, 한 번에 배치된 질문을 하세요. 다른 모든 사항에 대해서는 합리적인 선택을 하고 이를 명시하세요.

단계:

  1. uichemy_section_spec을 한 번 호출하고 카피 길이, 타입 스케일 및 색상 토큰에 대한 규칙을 따르세요. 제한을 추측하지 마세요.
  2. uichemy_list_section_kinds를 호출하여 어떤 섹션 종류가 있는지 확인하세요.
  3. 각 페이지의 각 섹션에 대해 레이아웃을 찾으세요:
    • uichemy_search_layouts에 원하는 내용을 설명하거나, uichemy_find_templates로 종류를 좁히세요.
    • 선택한 레이아웃에 대해 uichemy_template_slots를 호출하고 각 슬롯과 그 문자 제한에 맞는 카피를 작성하세요.
    • 빌드하기 전에 후보 목록에 대해 uichemy_check_layouts를 호출하여 슬롯을 공유하는 두 레이아웃이 동일한 카피를 표시하지 않도록 하세요.
  4. 브랜드에 적합한 팔레트(16진수 값)와 제목 및 본문 폰트를 선택하세요.
  5. uichemy_create_project를 페이지, 팔레트, 폰트 및 작성한 카피와 함께 호출하세요. 실제 페이지에는 내비게이션 바, 5~8개의 섹션 및 푸터가 있으며, 모든 슬롯이 채워져야 합니다.
  6. 각 페이지에 대해 uichemy_validate를 호출한 다음 uichemy_check_responsive를 호출하세요. uichemy_set_text, uichemy_set_section_style 또는 기타 편집 도구로 보고된 사항을 수정한 후, 검사를 다시 실행하세요.
  7. 사용자에게 프로젝트 이름, 각 페이지의 섹션이 포함된 페이지 목록, 팔레트 및 폰트, 그리고 수정할 수 없었던 사항을 제공하세요.

규칙:

  • 브리프에서만 카피를 작성하세요. 상, 클라이언트 이름, 통계, 사용 후기, 가격 또는 주소를 임의로 만들지 마세요. 사실이 누락된 경우 중립적인 카피를 작성하거나 질문하세요.
  • 이미지: 사용자가 제공한 URL 또는 uichemy_upload_image가 반환한 URL만 사용하세요. 링크를 임의로 만들지 말고 이미지 슬롯을 비워 두세요.
  • 이 스킬은 사용자 자신의 UiChemy 계정에 프로젝트를 생성합니다. 생성하기 전에 이를 알리세요.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

관련 스킬