Communitygithub.com

Canvas Design

디자인 철학을 바탕으로 .png 및 .pdf 형식의 아름다운 시각 예술 작품을 생성합니다. 사용자가 포스터, 예술 작품, 디자인 또는 기타 정적 작품 생성을 요청할 때 이 기술을 사용하세요.

Canvas Design란 무엇인가요?

이 AI 에이전트 기술은 사용자의 미묘한 입력이나 지침을 바탕으로 고유한 디자인 철학(미학적 운동)을 창조한 후, 이를 시각적으로 표현하여 박물관 또는 잡지 수준의 정적 예술 작품(.png 또는 .pdf)을 생성합니다. 주로 Claude Code, Cursor, Codex와 같은 터미널 기반 AI 코딩 에이전트에서 사용되며, 사용자가 포스터, 삽화, 디자인 등 정적 시각물 제작을 요청할 때 활성화됩니다. 이 기술의 핵심은 두 단계로 구성됩니다. 첫째, '디자인 철학'을 마크다운(.md) 파일로 작성하여 공간, 형태, 색상, 구성 등의 시각적 표현 원칙을 정의합니다. 둘째, 이 철학을 바탕으로 캔버스에 시각적으로 표현한 최종 작품(.pdf 또는 .png)을 생성합니다. 특히 '숙련된 장인 정신'을 강조하여, 마치 최고 수준의 전문가가 수많은 시간을 들여 세심하게 제작한 듯한 높은 완성도를 추구합니다. 또한 기존 아티스트의 작품을 복사하지 않고 독창적인 시각 디자인을 창조하도록 설계되어 저작권 침해를 방지합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ComposioHQ/awesome-codex-skills/tree/main/canvas-design

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

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

문서

다음은 디자인 철학(미학적 운동)을 만들고 이를 시각적으로 표현하기 위한 지침입니다. 오직 .md 파일, .pdf 파일, .png 파일만 출력하십시오.

다음 두 단계를 완료하십시오:

  1. 디자인 철학 생성 (.md 파일)
  2. 캔버스에 표현 (.pdf 파일 또는 .png 파일)

먼저, 다음 작업을 수행하십시오:

디자인 철학 생성

시작하려면 레이아웃이나 템플릿이 아닌, 다음을 통해 해석될 시각 철학을 만드십시오:

  • 형태, 공간, 색상, 구성
  • 이미지, 그래픽, 도형, 패턴
  • 시각적 강조 요소로서의 최소한의 텍스트

핵심 이해

  • 받는 것: 사용자의 미묘한 입력이나 지침을 기반으로 하되, 창의적 자유를 제한하지 않아야 합니다.
  • 만드는 것: 디자인 철학/미학적 운동.
  • 다음 단계: 동일한 버전이 철학을 받아 시각적으로 표현합니다. 결과물은 90% 시각 디자인, 10% 필수 텍스트로 구성됩니다.

다음 접근 방식을 고려하십시오:

  • 예술 운동에 대한 선언문을 작성하십시오.
  • 다음 단계에서는 예술 작품을 제작합니다.

철학은 다음을 강조해야 합니다: 시각적 표현. 공간적 소통. 예술적 해석. 최소한의 단어.

시각 철학 생성 방법

운동 이름을 정하십시오 (1-2단어): "브루탈리스트 조이" / "색채의 침묵" / "메타볼리스트의 꿈"

철학을 서술하십시오 (4-6문단 - 간결하지만 완전하게):

시각적 본질을 포착하기 위해, 철학이 다음을 통해 어떻게 발현되는지 표현하십시오:

  • 공간과 형태
  • 색상과 재료
  • 규모와 리듬
  • 구성과 균형
  • 시각적 위계

중요 지침:

  • 중복을 피하십시오: 각 디자인 측면은 한 번만 언급되어야 합니다. 새로운 깊이를 추가하지 않는 한 색채 이론, 공간 관계, 또는 타이포그래피 원칙에 대한 요점을 반복하지 마십시오.
  • 숙련도를 반복적으로 강조하십시오: 철학은 최종 작품이 마치 수많은 시간이 걸려, 세심한 주의를 기울여 제작되었으며, 해당 분야 최고 수준의 전문가가 만든 것처럼 보여야 한다는 점을 여러 번 강조해야 합니다. 이 프레임은 필수적입니다. "세심하게 제작된", "깊은 전문성의 산물", "고통스러울 정도의 주의", "마스터 수준의 실행"과 같은 표현을 반복하십시오.
  • 창의적 공간을 남기십시오: 미학적 방향에 대해 구체적으로 설명하되, 다음 Claude가 해석적 선택을 할 수 있도록 충분히 간결하게 유지하십시오. 그것도 극도로 높은 수준의 숙련도로.

철학은 다음 버전이 텍스트가 아닌 시각적으로 아이디어를 표현하도록 안내해야 합니다. 정보는 단락이 아닌 디자인에 존재합니다.

철학 예시

"콘크리트 시" 철학: 기념비적인 형태와 대담한 기하학을 통한 소통. 시각적 표현: 거대한 색상 블록, 조각적인 타이포그래피(거대한 단일 단어, 아주 작은 레이블), 브루탈리스트 공간 분할, 폴란드 포스터 에너지와 르 코르뷔지에의 만남. 아이디어는 설명이 아닌 시각적 무게와 공간적 긴장감을 통해 표현됩니다. 텍스트는 드물고 강력한 제스처로 사용됩니다. 단락은 절대 없으며, 시각적 구조에 통합된 필수 단어만 있습니다. 모든 요소는 마스터 장인의 정밀함으로 배치됩니다.

"색채 언어" 철학: 색상이 기본 정보 시스템. 시각적 표현: 색상 영역이 의미를 창조하는 기하학적 정밀함. 타이포그래피는 최소화 - 작은 산세리프 레이블로 색채 필드가 소통하도록 합니다. 요제프 알버스의 상호작용과 데이터 시각화의 만남. 정보는 공간적으로 그리고 색채적으로 인코딩됩니다. 단어는 색상이 이미 보여주는 것을 고정하는 역할만 합니다. 고통스러울 정도의 색채 보정의 결과물.

"아날로그 명상" 철학: 질감과 여백을 통한 조용한 시각적 명상. 시각적 표현: 종이 결, 잉크 번짐, 광활한 여백. 사진과 일러스트레이션이 지배적입니다. 타이포그래피는 속삭임처럼(작고 절제되며 시각을 보조). 일본 사진집 미학. 이미지가 페이지를 가로질러 숨 쉽니다. 텍스트는 드물게 나타납니다 - 짧은 구절, 설명 블록은 절대 없습니다. 각 구성은 명상 수행의 배려로 균형을 이룹니다.

"유기적 시스템" 철학: 자연스러운 군집과 모듈식 성장 패턴. 시각적 표현: 둥근 형태, 유기적 배열, 자연에서 건축을 통한 색상. 정보는 시각적 다이어그램, 공간 관계, 아이콘그래피를 통해 표시됩니다. 텍스트는 공간에 떠 있는 핵심 레이블에만 사용됩니다. 구성은 전문적인 공간 orchestration을 통해 이야기를 전달합니다.

"기하학적 침묵" 철학: 순수한 질서와 절제. 시각적 표현: 그리드 기반의 정밀함, 대담한 사진 또는 단호한 그래픽, 극적인 여백. 타이포그래피는 정확하지만 최소화됩니다 - 작은 필수 텍스트, 크고 조용한 영역. 스위스 형식주의와 브루탈리스트 재료적 정직함의 만남. 구조가 소통하고 단어는 아닙니다. 모든 정렬은 수많은 수정의 결과입니다.

이것들은 간결한 예시입니다. 실제 디자인 철학은 4-6개의 충실한 문단으로 구성되어야 합니다.

필수 원칙

  • 시각 철학: 디자인을 통해 표현될 미학적 세계관을 만듭니다.
  • 최소한의 텍스트: 텍스트는 드물고 필수적이며 시각적 요소로 통합되어야 하며 길어서는 안 된다는 점을 항상 강조합니다.
  • 공간적 표현: 아이디어는 공간, 형태, 색상, 구성을 통해 소통하며 단락을 통하지 않습니다.
  • 예술적 자유: 다음 Claude가 철학을 시각적으로 해석합니다. 창의적 공간을 제공하십시오.
  • 순수 디자인: 장식이 있는 문서가 아닌 예술 오브제를 만드는 것입니다.
  • 전문가적 장인 정신: 최종 작품이 세심하게 제작되고, 정성을 들여 작업되었으며, 해당 분야 최고의 전문가가 수많은 시간을 투자한 결과물처럼 보여야 한다는 점을 반복적으로 강조합니다.

디자인 철학은 4-6 문단 길이여야 합니다. 핵심 비전을 통합하는 시적인 디자인 철학으로 채우십시오. 같은 요점을 반복하지 마십시오. 예술의 의도를 언급하지 않고 어디서든 사용될 수 있는 것처럼 디자인 철학을 일반적으로 유지하십시오. 디자인 철학을 .md 파일로 출력하십시오.


미묘한 참조 추론

중요 단계: 캔버스를 만들기 전에, 원래 요청에서 미묘한 개념적 실마리를 식별하십시오.

핵심 원칙: 주제는 예술 작품 자체에 내재된 미묘하고 틈새 있는 참조입니다. 항상 문자 그대로일 필요는 없으며, 항상 정교합니다. 주제에 익숙한 사람은 직관적으로 느끼고, 다른 사람들은 단순히 마스터급 추상 구성을 경험합니다. 디자인 철학은 미학적 언어를 제공합니다. 추론된 주제는 영혼을 제공합니다. 즉, 형태, 색상, 구성에 보이지 않게 짜여진 조용한 개념적 DNA입니다.

이것은 매우 중요합니다: 참조는 작품의 깊이를 높이되 스스로를 드러내지 않도록 정제되어야 합니다. 다른 노래를 인용하는 재즈 뮤지션처럼 생각하십시오. 아는 사람만 알아채지만, 모두가 음악을 즐깁니다.


캔버스 생성

철학과 개념적 프레임워크가 모두 확립되었으면, 이를 캔버스에 표현하십시오. 잠시 생각을 정리하고 마음을 비우십시오. 생성된 디자인 철학과 아래 지침을 사용하여 걸작을 제작하십시오. 철학의 모든 측면을 전문가적인 장인 정신으로 구현하십시오.

중요: 모든 유형의 콘텐츠에 대해, 사용자가 영화/게임/책에 대한 무언가를 요청하더라도 접근 방식은 여전히 정교해야 합니다. 이것이 예술이어야 하며, 만화나 아마추어 같은 것이 아니라는 생각을 절대 잃지 마십시오.

박물관이나 잡지 수준의 작품을 만들려면 디자인 철학을 기반으로 사용하십시오. (더 많은 페이지를 요청하지 않는 한) 한 페이지, 고도로 시각적이고 디자인 중심적인 PDF 또는 PNG 출력을 만드십시오. 일반적으로 반복 패턴과 완벽한 도형을 사용하십시오. 추상적인 철학적 디자인을 마치 과학적 성경처럼 취급하고, 체계적 관찰의 시각적 언어를 빌리십시오. 즉, 의미를 축적하는 조밀한 표시, 반복 요소, 또는 층층이 쌓인 패턴을 사용하여 인내심 있는 감상을 보상하고 지속적인 시청에 보상하십시오. 드물고 임상적인 타이포그래피와 체계적인 참조 마커를 추가하여 이것이 상상의 학문에서 나온 다이어그램임을 암시하고, 보이지 않는 주제를 관찰 가능한 현상을 문서화할 때 일반적으로 사용되는 존경심으로 대우하십시오. 의도적이고 응집력 있게 느껴지는 제한된 색상 팔레트를 사용하여 간단한 구문이나 세부 사항을 미묘하게 배치하십시오. 인간 경험에 대한 아이디어를 표현하기 위해 분석적 시각 언어를 사용하는 역설을 받아들이십시오. 결과물은 일시적인 것을 주의 깊은 관찰을 통해 연구되고, 매핑되고, 이해될 수 있음을 증명하는 유물처럼 느껴져야 합니다. 이것이 진정한 예술입니다.

맥락적 요소로서의 텍스트: 텍스트는 항상 최소화되고 시각 우선이지만, 맥락이 속삭임처럼 조용한 레이블을 사용할지 대담한 타이포그래피 제스처를 사용할지 결정하도록 하십시오. 펑크 장소 포스터는 미니멀리스트 도자기 스튜디오 아이덴티티보다 더 크고 공격적인 타이포그래피를 가질 수 있습니다. 대부분의 경우, 폰트는 얇아야 합니다. 모든 폰트 사용은 디자인 중심적이어야 하며 시각적 소통을 우선시해야 합니다. 텍스트 크기에 관계없이, 어떤 요소도 페이지에서 떨어지거나 겹쳐서는 안 됩니다. 모든 요소는 적절한 여백을 가지고 캔버스 경계 내에 포함되어야 합니다. 모든 텍스트, 그래픽 및 시각적 요소가 숨 쉴 공간과 명확한 분리를 가지고 있는지 주의 깊게 확인하십시오. 이것은 전문적인 실행을 위한 협상 불가능한 사항입니다. 중요: 텍스트를 작성할 때는 다른 폰트를 사용하십시오. ./canvas-fonts 디렉토리를 검색하십시오. 접근 방식에 관계없이, 정교함은 협상 불가능합니다.

이를 현실로 만들기 위해 필요한 폰트를 다운로드하여 사용하십시오. 타이포그래피를 예술 자체의 일부로 만드는 방식으로 창의력을 발휘하십시오. 예술이 추상적이라면 폰트를 디지털로 조판하지 말고 캔버스에 직접 가져오십시오.

한계를 뛰어넘으려면 디자인 철학을 지침 원칙으로 사용하면서 디자인 본능/직관을 따르십시오. 궁극적인 디자인 자유와 선택을 받아들이십시오. 미학과 디자인을 최전선으로 밀어붙이십시오.

중요: (AI 생성이 아닌) 인간이 만든 품질을 달성하려면, 마치 수많은 시간이 걸린 것처럼 보이는 작품을 만드십시오. 해당 분야 최고 수준의 전문가가 모든 세부 사항을 고통스러울 정도의 주의로 정성껏 작업한 것처럼 보이게 만드십시오. 구성, 간격, 색상 선택, 타이포그래피 등 모든 것이 전문가 수준의 장인 정신을 외치도록 하십시오. 아무것도 겹치지 않고, 형식이 완벽하며, 모든 세부 사항이 완벽한지 다시 확인하십시오. 사람들에게 전문성을 증명하고 부인할 수 없을 정도로 인상적인 순위를 매길 수 있는 작품을 만드십시오.

최종 결과물을 사용된 디자인 철학(.md 파일)과 함께 단일 다운로드 가능한 .pdf 또는 .png 파일로 출력하십시오.


최종 단계

중요: 사용자는 이미 "충분히 완벽하지 않습니다. 반드시 깨끗해야 하고, 장인 정신의 걸작이어야 하며, 마치 박물관에 전시될 것 같은 상태여야 합니다."라고 말했습니다.

중요: 작품을 개선하려면 더 많은 그래픽을 추가하지 말고, 생성된 것을 다듬고 디자인 철학과 미니멀리즘의 원칙을 완전히 존중하여 매우 선명하게 만드십시오. 재미있는 필터를 추가하거나 폰트를 리팩터링하는 대신, 기존 구성을 예술과 어떻게 더 응집력 있게 만들 수 있을지 고려하십시오. 새 함수를 호출하거나 새 도형을 그리고 싶은 충동이 든다면 멈추고 대신 다음과 같이 질문하십시오: "이미 여기 있는 것을 어떻게 더 예술 작품으로 만들 수 있을까?"

두 번째 패스를 하십시오. 코드로 돌아가서 이 작품을 철학적으로 설계된 걸작으로 만들기 위해 더욱 다듬고 연마하십시오.

다중 페이지 옵션

요청 시 추가 페이지를 만들려면 디자인 철학과 동일한 라인을 따르지만 뚜렷이 다른 창의적인 페이지를 더 만드십시오. 해당 페이지를 동일한 .pdf 또는 여러 .png로 묶으십시오. 첫 번째 페이지를 채워지기를 기다리는 전체 커피 테이블 북의 한 페이지로 취급하십시오. 다음 페이지는 원본의 독특한 변주와 추억이 되도록 만드십시오. 그것들이 매우 세련된 방식으로 거의 이야기를 전달하도록 하십시오. 완전한 창의적 자유를 행사하십시오.

Individual skills in this repo

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

ComposioHQ/-21risk-automation

Automate 21risk tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/-2chat-automation

Automate 2chat tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/ably-automation

Automate Ably tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abstract-automation

Automate Abstract tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abuselpdb-automation

Automate Abuselpdb tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/abyssale-automation

Automate Abyssale tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/accelo-automation

Automate Accelo tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/accredible-certificates-automation

Automate Accredible Certificates tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/acculynx-automation

Automate Acculynx tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/active-campaign-automation

Automate ActiveCampaign tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/addresszen-automation

Automate Addresszen tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adobe-automation

Automate Adobe tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adrapid-automation

Automate Adrapid tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/adyntel-automation

Automate Adyntel tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/aeroleads-automation

Automate Aeroleads tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/aero-workflow-automation

Automate Aero Workflow tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/affinda-automation

Automate Affinda tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/affinity-automation

Automate Affinity tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/agencyzoom-automation

Automate Agencyzoom tasks via Rube MCP (Composio). Always search tools first for current schemas.

ComposioHQ/agent-deep-links

Build, validate, and troubleshoot deep links for Codex, Cursor, VS Code, Visual Studio, and similar tools. Use when users ask for clickable links (especially in Slack) that open threads, files, folders, or app settings.

관련 스킬