CSS 인포그래픽 렌더러 프롬프트
Wikiprompt, 무료 프롬프트 백과사전에서
CSS 인포그래픽 렌더러 프롬프트 CSS 기반 프롬프트로, AI가 그리드 레이아웃과 AI 추론 데이터 및 일러스트레이션을 사용하여 모든 주제에 대한 평면 디자인 인포그래픽 포스터를 생성하도록 지시합니다.
관련 미디어
프롬프트 내용저장
🌐
16:9, AI가 충격적인 주제를 선택함 : /* SYSTEM: WEB-UI 인포그래픽 렌더러 */ /* TARGET_TOPIC: "[TOPIC]" */ .treemap-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 0px; /* 플러시 레이아웃 */ border: 3px solid black; } .data-card { border: 2px solid black; padding: 20px; box-shadow: none; /* 엄격히 플랫 */ } /* AI 추론 엔진: 그리드 채우기 */ .data-card-1 { grid-column: span 2; grid-row: span 2; background-color: <color hex="FF6B6B"/>; /* 코랄 */ content: "AI_INFER(거대한 40% 텍스트 + [TOPIC]의 가장 큰 섹터에 대한 대형 플랫 일러스트레이션)"; } .data-card-2 { background-color: <color hex="4ECDC4"/>; /* 블루 */ content: "AI_INFER(중간 20% 텍스트 + 플랫 일러스트레이션)"; } /* 렌더 실행: 이 CSS 그리드를 완성된 인포그래픽 포스터로 시각적으로 렌더링합니다. [TOPIC]에 대한 AI 추론 데이터와 클립아트로 채워진 더 작고 다른 색상의 상자들로 그리드의 나머지를 채웁니다. 엄격한 직선, 플랫 컬러, 굵은 세리프 폰트를 유지합니다. */
전체 프롬프트를 보려면 로그인하세요
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
사용법
이 프롬프트는 creative와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.
최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.
토론
댓글 0개