본문으로 건너뛰기
cccskills

'canvas' 검색 결과

592건 · 관련도순

Generates paste-ready Power Apps Canvas App YAML. Invoke when the user wants to replicate a UI mockup, improve an existing Canvas app screen, or build a new screen from a text description. Also invoke when the user asks to "improve", "redesign", or "generate YAML" for a Canvas app screen.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

ToluVictor/canvas-apps-tools1412026년 4월 23일 업데이트

worker-visualizer

무료요약 있음AI 평가 100점

입자, 프랙털, 데이터의 움직임을 단일 HTML로 시각화합니다. 무거운 계산은 Web Worker로 분리하고 초당 약 60프레임을 목표로 화면을 그립니다.

  • 입자와 물리 시뮬레이션 시제품 제작
  • 프랙털 시각화
  • 오디오와 데이터 시각화 화면 제작
nexu-io/open-design10.3만2026년 10월 20일 업데이트

figma-use

무료요약 있음AI 평가 70점

Figma Plugin API 스크립트를 실행하여 캔버스에 내용을 쓰거나 확인하고, 변수와 디자인 시스템 관련 작업을 진행합니다.

  • 스크립트로 캔버스에 내용 쓰기
  • Figma 캔버스의 현재 내용 확인
  • 변수와 디자인 시스템 작업 진행
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Create slides on a fixed 1920×1080 canvas with freely arranged React components. Keep colors and typography consistent while adapting each page to its content, and produce a single HTML file with keyboard navigation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating a personal portfolio deck
  • Preparing slides for art or design classes
  • Building a talk around bold questions or images
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Create a single HTML file with a flowing background and a prominent headline for video openings, landing page hero sections, or posters. Choose from four palettes and CSS, Canvas, or WebGL rendering approaches.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Create an opening frame for a video
  • Design a landing page hero section
  • Build a poster around a short message
nexu-io/html-anything9.2천2026년 10월 13일 업데이트

Clarify a problem before choosing solutions through structured questions about team assumptions, affected people, and overlooked stakeholders. Produce a completed problem canvas, a refined problem statement, and a question to guide solution exploration.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Clarifying why users abandon onboarding
  • Reframing a stakeholder's feature request
  • Aligning teams on the problem to solve
deanpeters/Product-Manager-Skills7.5천2026년 10월 16일 업데이트

magicpath

무료

Find and inspect UI components in MagicPath, add them to an app, and adapt their behavior and styling. Apply themes or create and edit canvas components from code, including work based on an existing repository interface.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find UI components and add them to an app
  • Apply a MagicPath theme to an interface
  • Create or edit a component on the canvas
openai/plugins7.5천2026년 10월 8일 업데이트

View and interact with an iOS Simulator inside the Codex browser. Display SwiftUI previews from importable Swift packages, see source edits update the running preview, and capture screenshots to document the visible results.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Viewing and interacting with an iOS app in the browser
  • Checking SwiftUI previews outside Xcode Canvas
  • Iterating on package previews with hot reload
openai/plugins7.5천2026년 10월 8일 업데이트

Build visual sequences that move forward and backward with page scrolling. Use video, image frames, canvas, SVG, or HTML elements in a sticky stage, while preserving keyboard access, static alternatives, and predictable visual states.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Showing product assembly through scrolling
  • Explaining interface states or diagrams step by step
  • Rotating objects or advancing photo sequences with scrolling
MengTo/Skills6.9천2026년 10월 18일 업데이트

Build a burning-paper loading ring that keeps moving during heavy page setup. The skill covers background rendering, progress display, a smooth transition into the page, and support for reduced motion preferences.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adding a burning-paper loading screen
  • Keeping a loader moving during heavy JavaScript work
  • Connecting loading progress to the page introduction
MengTo/Skills6.9천2026년 10월 18일 업데이트

Create a near-black animated canvas background with large square pixels and ordered dithering, a repeating pattern that represents shades. Broad waves and cloud-like forms provide atmosphere behind framed interfaces, hero text, or data displays.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adding monochrome atmosphere behind a dark interface
  • Placing pixelated waves behind hero text
  • Creating cloud-like backgrounds for data displays
MengTo/Skills6.9천2026년 10월 18일 업데이트

Excalidraw canvas toolkit for creating, editing, and refining diagrams on a live canvas. Use when an agent needs to (1) draw or lay out diagrams, (2) iteratively refine them by describing the scene and screenshotting its own work, (3) export/import .excalidraw files or PNG/SVG images, (4) save/restore canvas snapshots, (5) convert Mermaid to Excalidraw, or (6) perform element-level CRUD, alignment, distribution, grouping, duplication, and locking. Primary interface is the bundled CLI (npx -y mcp-excalidraw-server <command>) which auto-starts the canvas server; MCP tools and a REST API are equivalent alternatives.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

yctimlin/mcp_excalidraw2.6천2026년 10월 10일 업데이트

pixijs-2d

무료

Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

freshtechbro/claudedesignskills1.1천2025년 11월 20일 업데이트

Creates or edits a Power Apps Canvas App through the Canvas Authoring MCP coauthoring session. Handles staged experience design, direct and partitioned targeted edits, planned multi-screen changes, responsive layout, and compile-error convergence. Trigger on requests to create, build, generate, modify, update, change, fix, or edit a Canvas App or .pa.yaml files.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

microsoft/power-platform-skills1천2026년 10월 20일 업데이트

Discussion forum facilitator for Canvas LMS. Helps students and educators browse, read, reply to, and create discussion posts. Trigger phrases include "discussion posts", "reply to students", "check discussions", "forum participation", "post a discussion", or any discussion-related Canvas task.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

vishalsachdev/canvas-mcp2962026년 10월 19일 업데이트

build-app

무료

Use when creating or restructuring a PlayCanvas app with the Engine API, @playcanvas/react, or @playcanvas/web-components, covering bootstrap, input, resize, physics, update loop, UI, and lifecycle.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

playcanvas/skills282026년 10월 13일 업데이트

Use when the user just says "plan", "planen" or "roadmap": offer a template via aos-plan-canvas templates. Open plans and HTML artifacts in a local browser canvas where the human annotates elements, chats, and approves or requests changes without leaving the page. Use for planning, whenever a user says "plan", "roadmap", "visualize the plan", "review the plan" or /plan-canvas, right after a brainstorm or grill interview has produced a plan, and whenever any skill's artifact (plan, design, comparison, report, diagram) can be reviewed visually instead of with typed feedback.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

hybridlabor-api/aos62026년 10월 16일 업데이트

Japanese-inspired canvas and graphic design skill for HTML5 Canvas and SVG, covering traditional aesthetics (ma, wabi-sabi, yugen), calligraphy, washi textures, traditional patterns, and seasonal motifs. Triggers on requests for 和風デザイン, Canvas描画, SVGイラスト, 日本画風, Japanese-inspired graphics.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

LinkX-Japan/ai-souken-workflows62026년 3월 12일 업데이트

canvas

무료요약 있음AI 평가 90점

연결된 Mac의 패널에 에이전트가 준비한 위젯 문서를 표시합니다. 패널 표시와 숨기기, 문서 전환, 로컬 앱으로 이동하는 대상을 제어합니다.

  • 연결된 Mac에 문서 표시
  • 패널에 표시할 문서 전환
  • 패널 표시와 숨기기
openclaw/openclaw39.3만2026년 10월 20일 업데이트

plan-canvas

무료요약 있음AI 평가 100점

로컬 계획서나 HTML을 브라우저에서 열어 특정 부분에 대한 주석, 채팅, 승인과 수정 요청을 받습니다. 파일을 저장하면 화면이 갱신되어 검토를 이어갈 수 있습니다.

  • 구현 계획 검토와 승인
  • 디자인에서 수정할 부분 지정
  • 보고서와 비교 자료에 주석 추가
affaan-m/ECC28.4만2026년 10월 20일 업데이트

tldraw-offline

무료요약 있음AI 평가 100점

열려 있는 tldraw offline 캔버스에 코드로 도표와 와이어프레임을 만듭니다. 다시 불러온 뒤에도 작동하는 버튼, 도형 반응과 애니메이션을 추가할 수 있습니다.

  • 도표와 와이어프레임을 만듭니다
  • 캔버스에 조작 버튼을 추가합니다
  • 도형 애니메이션과 이동을 연동합니다
NousResearch/hermes-agent25.5만2026년 10월 20일 업데이트

Configure images and videos as surface textures in Three.js, and use environment images for backgrounds and reflections. Adjust placement, color settings, repetition, and filtering, then manage texture memory through compression, reuse, and disposal.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adjust image placement and tiling on 3D surfaces
  • Use HDR images for backgrounds and reflections
  • Apply video or Canvas content to a 3D surface
calesthio/OpenMontage7만2026년 10월 17일 업데이트

design

무료

Create and revise posters, social graphics, web pages, and app screens on a Design canvas. Apply brand colors, fonts, and shared components, organize multiple artboards, and make targeted changes to existing designs.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Design a menu poster
  • Create a graphic for a social post
  • Design web and app screens
asgeirtj/system_prompts_leaks7만2026년 10월 20일 업데이트

zoom

무료

Review Zoom meetings, calls, recordings, and transcripts to catch up on discussions and extract decisions, action items, and owners. Use Zoom's official connections to manage meetings and access supported chat, document, task, and whiteboard features.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Catch up on a missed meeting from recordings or transcripts
  • Extract decisions, action items, and owners
  • Create, update, or delete Zoom meetings
asgeirtj/system_prompts_leaks7만2026년 10월 20일 업데이트