·canvas-component-composability
*

canvas-component-composability

슬롯 및 분해 우선 패턴을 사용하여 Canvas 지원 React 구성 요소를 디자인합니다. (1) 구성 요소의 prop/슬롯 구조 설계, (2) 구성 요소가 너무 커지는 경우, (3) prop과 슬롯 간의 결정, (4) 모놀리식 구성 요소 리팩토링, (5) 반복 가능한 목록/그리드 콘텐츠 모델링 시 사용합니다. 캔버스 호환성을 보장합니다.

7설치·1트렌드·@acquia

설치

$npx skills add https://github.com/acquia/nebula --skill canvas-component-composability

canvas-component-composability 설치 방법

명령줄에서 canvas-component-composability AI 스킬을 개발 환경에 빠르게 설치

  1. 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
  2. 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/acquia/nebula --skill canvas-component-composability
  3. 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

출처: acquia/nebula.

Prefer small, focused components over monolithic ones with many props. When a component starts accumulating many unrelated props, decompose it into smaller, composable pieces.

references/repeatable-content.md ("Slot container minimum size" section)

Slots are the primary mechanism for composability. Instead of passing complex data through props, use slots to let parent components accept child components. This matches how Canvas users build pages by placing components inside other components.

슬롯 및 분해 우선 패턴을 사용하여 Canvas 지원 React 구성 요소를 디자인합니다. (1) 구성 요소의 prop/슬롯 구조 설계, (2) 구성 요소가 너무 커지는 경우, (3) prop과 슬롯 간의 결정, (4) 모놀리식 구성 요소 리팩토링, (5) 반복 가능한 목록/그리드 콘텐츠 모델링 시 사용합니다. 캔버스 호환성을 보장합니다. 출처: acquia/nebula.

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/acquia/nebula --skill canvas-component-composability
카테고리
*크리에이티브
인증됨
최초 등록
2026-02-22
업데이트
2026-03-10

Browse more skills from acquia/nebula

빠른 답변

canvas-component-composability이란?

슬롯 및 분해 우선 패턴을 사용하여 Canvas 지원 React 구성 요소를 디자인합니다. (1) 구성 요소의 prop/슬롯 구조 설계, (2) 구성 요소가 너무 커지는 경우, (3) prop과 슬롯 간의 결정, (4) 모놀리식 구성 요소 리팩토링, (5) 반복 가능한 목록/그리드 콘텐츠 모델링 시 사용합니다. 캔버스 호환성을 보장합니다. 출처: acquia/nebula.

canvas-component-composability 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/acquia/nebula --skill canvas-component-composability 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/acquia/nebula