1천건 · 관련도순
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Create HTML-based video compositions, animated title cards, social overlays, captioned talking-head videos, audio-reactive visuals, and shader transitions using HyperFrames. HTML is the source of truth for video. Use when the user wants a rendered MP4/WebM from an HTML composition, wants to animate text/logos/charts over media, needs captions synced to audio, wants TTS narration, or wants to convert a website into a video.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Write and review component documentation (MDX) and registry descriptions. Covers doc structure, description writing, Features, Composition, Credits, and References sections. Use when creating new component docs, updating descriptions, adding Features sections, adding Composition sections, adding Credits sections, adding References sections, or reviewing component documentation quality.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
여러 화면 디자인 이미지를 Vue 3 페이지와 공통 컴포넌트로 일괄 변환합니다. Vant 등 UI 라이브러리 연결과 화면 이동의 초기 코드 생성도 다룹니다.
Build and review SwiftUI interfaces for iOS and macOS with guidance on state management, reusable views, navigation, and rendering performance. Examples show how to organize data flow and reduce unnecessary screen updates.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
React로 영상을 만들 때 Remotion 구현 규칙과 코드 예시를 참고합니다. 애니메이션, 음성, 자막, 차트, 3D와 장면 전환 및 소재 재생 시간을 다룹니다.
React 18/19 화면 구성 요소의 구현과 검토를 지원합니다. 상태 관리, 데이터 조회, 폼, 로딩·오류 표시, 서버와 브라우저의 경계, 접근성 설계를 다룹니다.
Dart와 Flutter 코드 작성·검토에 상태 관리, 화면 이동, 통신, 오류 처리, 테스트 구현 패턴을 활용합니다. 예제를 참고해 널 처리와 비동기 작업, 앱 구조를 정리합니다.
AI 에이전트가 맡는 개발의 완료 조건을 정하고 검증 가능한 작업으로 나눕니다. 구현 전후 평가를 비교하고 난도에 맞는 모델 선택과 비용·시간 기록을 정리합니다.
HTML과 CSS로 화면을 구성하고 GSAP으로 글자와 이미지에 움직임을 더해 MP4·WebM 영상으로 내보냅니다. 자막이 있는 내레이션, 상품 소개, 웹사이트 기반 영상도 제작합니다.
목표 이미지와 구현한 3D 장면의 스크린샷을 비교해 구도, 조명, 질감을 단계적으로 개선합니다. 시각적 재현도를 평가하고 렌더링 속도도 확인하며 수정을 반복합니다.
p5.js로 입자의 움직임과 수학적 규칙을 활용한 독창적인 생성 예술을 만듭니다. 시드로 같은 작품을 재현하고 조작 화면에서 수치를 바꾸며 표현을 탐색합니다.
사진 같은 이미지, 일러스트, 제품 목업을 생성합니다. 기존 이미지의 배경 변경, 불필요한 물체 제거, 투명 배경 처리와 참고 이미지를 활용한 다른 시안 제작에도 사용합니다.
Paperclip의 화면과 구성 요소를 기존 색상, 글자, 상태 표시, 조작 규칙에 맞춰 만들거나 수정하고, 재사용 구성 요소와 예시 페이지도 정리합니다.
포스터, 작품의 메인 비주얼, 기사 삽화를 생성합니다. 구도와 조명, 색상 등의 요구를 정리하고 PNG 또는 JPEG 이미지로 프로젝트에 저장합니다.
연간 독서 시간과 완독 수, 메모, 관심 키워드를 종이 질감과 책장을 넘기는 동작으로 정리해 공유용 세로 영상에 맞는 HTML을 만드는 템플릿입니다.
제품 발표와 소셜 공유용 세로 포스터를 만듭니다. 큰 제목, 선명한 그라데이션, 요점 카드로 정보를 한 장에 정리하고 브랜드와 QR 코드 공간을 마련합니다.
사용자 조사의 배경, 참여자 구성, 행동 패턴과 근거를 세 장의 HTML 슬라이드로 정리합니다. 따뜻한 종이 색감의 스위스 스타일에 도표와 절제된 움직임을 더합니다.
제공한 HTML과 텍스트, 데이터를 iPhone과 MacBook 화면에 배치합니다. 유리 느낌의 하이라이트와 바닥 반사를 더해 입체적인 제품 소개 페이지를 만듭니다.
랜딩 페이지와 제품 사이트의 디자인을 섹션별 가로 이미지로 만듭니다. 색상과 서체를 통일하며 구도와 여백, 버튼 표현을 달리해 구현 참고 자료로 제공합니다.
모바일 앱의 화면 시안과 이동 흐름을 이미지로 만듭니다. iOS와 Android 등의 특성을 반영하고 글자 가독성, 색상, 여러 화면의 일관성을 맞춥니다.
고정된 1920×1080 캔버스에서 내용에 맞춰 슬라이드를 자유롭게 구성합니다. 색상과 글자 크기를 통일하고 키보드로 넘기는 단일 HTML 파일로 만듭니다.
로고, 색상, 글꼴, 화면과 인쇄물의 적용 예시를 한 장의 이미지로 만듭니다. 브랜드의 목적과 대상에 맞춰 일관된 디자인 방향을 시각화합니다.