Communitygithub.com

posimyth/uichemy-cursor-plugin

디자인 아이디어, 목업 설명, 무드보드 또는 브랜드 브리프를 UiChemy에서 바로 WordPress 사이트로 전환하여 Elementor 또는 Gutenberg로 내보낼 수 있습니다.

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

이 스킬은 사용자가 제공한 스타일 설명, 무드보드, 색상 팔레트, 폰트 정보 등을 바탕으로 바로 편집 가능한 WordPress 사이트를 UiChemy에서 생성해주는 플러그인입니다. Figma 파일이나 외부 웹사이트를 직접 읽을 수는 없으며, 대신 채팅에서 사용자가 작성하거나 첨부한 내용(예: '모던한 느낌의 밝은 색상, 산세리프체')을 분석하여 프로젝트를 만듭니다. 주요 단계로는 비즈니스 유형, 페이지 구성, 분위기, 색상, 폰트 및 이미지 정보를 수집한 후, `build-site-from-brief` 스킬을 사용해 프로젝트를 생성하고, `uichemy_validate`와 `uichemy_check_responsive` 검증을 수행합니다. 최종적으로 사용자가 Elementor 또는 Gutenberg 중 원하는 빌더를 선택하면 `export-to-wordpress` 스킬로 내보냅니다. 이 플러그인은 타사의 저작권 콘텐츠를 사용하지 않고 오직 사용자가 제공한 이미지 URL만 사용하는 규칙을 따릅니다.

지원 대상~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/posimyth/uichemy-cursor-plugin/tree/HEAD/skills/design-to-wordpress

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

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

문서

사용자가 스타일(보드, 무드보드, 디자인 설명, 첨부한 이미지)을 바탕으로 시작하여 편집 가능한 WordPress 사이트를 원할 때 이 스킬을 사용하세요.

이 플러그인은 Figma 파일을 읽거나 다른 웹사이트를 열 수 없습니다. 이 채팅에서 사용자가 작성하거나 첨부한 내용을 기반으로 작동합니다. Figma 파일 변환이 필요하다면 한 줄로 알리고 대신 사용자의 설명을 바탕으로 디자인을 다시 제작하겠다고 제안하세요.

단계:

  1. 메시지에서 다음 정보를 수집합니다: 비즈니스, 페이지, 분위기, 색상, 폰트, 이미지. 비즈니스 유형이나 이름이 누락된 경우에만 하나의 묶음 질문을 합니다. 나머지 항목에 대해 내가 선택한 내용을 명시합니다.
  2. build-site-from-brief 스킬을 따라 프로젝트를 생성합니다. 스타일을 hex 색상, 제목 폰트, 본문 폰트로 변환하고, 설명된 스타일에 맞는 레이아웃을 선택합니다.
  3. uichemy_validate와 uichemy_check_responsive를 실행하고 보고된 문제를 수정합니다.
  4. 사용자가 Elementor 또는 Gutenberg 중 원하는 빌더를 선택하도록 한 후, export-to-wordpress 스킬을 따라 프로젝트를 내보내기 완료로 표시합니다.
  5. 사용자에게 무엇이 구축되었는지, 어떤 스타일 선택을 했는지, 그리고 다음 단계를 알립니다: UiChemy WordPress 플러그인을 사용해 WordPress 사이트로 가져오기, 또는 사이트 주소를 제공하면 deploy-to-own-wordpress를 따릅니다.

규칙:

  • 다른 회사의 복사본, 로고 또는 이미지를 복사하지 마십시오. 사용자가 소유하거나 사용할 권한이 있는 콘텐츠를 사용하십시오.
  • 사용자가 제공했거나 uichemy_upload_image가 반환한 이미지 URL만 사용하십시오.
  • 프로젝트를 생성하기 전에 새 프로젝트가 사용자의 UiChemy 계정에 나타날 것이라고 말하십시오.

Individual skills in this repo

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

관련 스킬