본문으로 건너뛰기
cccskills

'canvas' 검색 결과

597건 · 관련도순

pretext

무료요약 있음AI 평가 90점

글자 위치를 미리 계산해 움직이는 도형을 피하는 문장, 클릭하면 흩어지는 글자, 단어 게임과 여러 줄 글에 맞는 카드를 단일 HTML로 만듭니다.

  • 움직이는 도형을 피하는 글을 만듭니다
  • 클릭하면 글자가 흩어지게 합니다
  • 단어나 글자로 게임을 만듭니다
NousResearch/hermes-agent25.6만2026년 10월 20일 업데이트

canvas-design

Claude 공식무료요약 있음AI 평가 90점

색상, 형태, 여백 등 디자인 방향을 정하는 단계부터 포스터와 정적 작품을 제작합니다. 글을 최소화한 독창적인 구도를 PNG나 PDF로 만들고 디자인 방향 문서도 함께 제공합니다.

  • 주제에 맞는 독창적인 포스터를 제작합니다
  • 글을 최소화한 추상 작품을 제작합니다
  • 작품과 디자인 방향을 함께 남깁니다
anthropics/skills18.3만2026년 10월 10일 업데이트

ui-styling

무료요약 있음AI 평가 100점

shadcn/ui와 Tailwind CSS로 사용하기 편한 폼, 표, 화면 크기에 맞는 레이아웃을 구현합니다. 색상과 다크 모드도 통일합니다.

  • 키보드로 조작할 수 있는 폼 제작
  • 휴대폰과 컴퓨터의 화면 배치 조정
  • 색상과 다크 모드 통일
nextlevelbuilder/ui-ux-pro-max-skill13.8만2026년 10월 15일 업데이트

frame-liquid-bg-hero

무료요약 있음AI 평가 90점

유체처럼 색이 흐르는 배경에 큰 제목이나 짧은 메시지를 겹친 단일 HTML을 만듭니다. 영상 도입부, 랜딩 페이지의 메인 비주얼, 포스터에 사용할 수 있습니다.

  • 짧은 메시지가 있는 영상 도입부 제작
  • 랜딩 페이지의 메인 비주얼 제작
  • 유체 배경을 사용한 포스터 제작
nexu-io/open-design10.3만2026년 10월 21일 업데이트

Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.

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

  • Create an original poster
  • Express a theme through abstract artwork
  • Develop a visual direction and finished artwork
ComposioHQ/awesome-claude-skills7.8만2026년 9월 18일 업데이트

Add timed graphic cards to an existing interview, podcast, or talking-head video. Turn spoken points into titles, quotes, and data callouts, then render an MP4 in a landscape or portrait format while the original clip plays throughout.

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

  • Highlight key points in an interview
  • Add data callouts to an explainer video
  • Package a podcast video for a portrait canvas
heygen-com/hyperframes6.9만2026년 10월 20일 업데이트

Automate Krita image workflows through commands for project setup, layer management, filters, canvas resizing, and export. Use it for repeatable editing tasks, batch image processing, and structured results that AI agents can read.

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

  • Prepare layer structures for illustrations
  • Adjust layer opacity, visibility, and blending modes
  • Apply image filters and resize the canvas
HKUDS/CLI-Anything5.6만2026년 9월 22일 업데이트

Create a browser board for daily tasks and numeric goals, then track progress alongside conversations with an AI partner. Includes focus mode, gentle task carryover, progress notes, and a recap you can save at the end of the day.

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

  • Plan a manageable set of tasks for today
  • Track reading pages or completed work sessions
  • Focus on one task when getting started feels difficult
github/awesome-copilot4만2026년 10월 21일 업데이트

Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.

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

  • Create an original poster
  • Express a theme through abstract artwork
  • Develop a visual direction and finished artwork
davila7/claude-code-templates3.3만2026년 10월 21일 업데이트

Develop HTML and JavaScript web games through small changes and repeated Playwright tests, which automate browser actions. Inspect gameplay screenshots, text representations of game state, and console errors to check controls, outcomes, and newly added features.

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

  • Adding features to a browser game
  • Testing movement, jumping, and attacks
  • Checking score changes and win or lose transitions
davila7/claude-code-templates3.3만2026년 10월 21일 업데이트

Build a product strategy across nine connected areas, including vision, target markets, customer value, growth, and competitive advantages. Clarify priorities, work to exclude, success metrics, and assumptions, then propose small experiments to test the strategy.

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

  • Defining the direction of a new product
  • Aligning target markets with customer value
  • Clarifying priorities and work to exclude
phuryn/pm-skills2.7만2026년 10월 16일 업데이트

Create original posters and static artwork by first defining a visual direction for color, shape, space, and typography. Receive a Markdown design philosophy alongside a PNG or PDF artwork that communicates primarily through visuals.

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

  • Create an original poster
  • Express a theme through abstract artwork
  • Develop a visual direction and finished artwork
composio-community/awesome-codex-skills1.7만2026년 7월 26일 업데이트

ui-canvas

무료

Build interactive dashboards, forms, and visualizations over the QM web interface using HTML, CSS, and JavaScript. Panels can send input to the conversation, update in place, or remain visible across sessions when requested.

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

  • Display an interactive dashboard over a conversation
  • Collect input through forms and buttons
  • Explore information through visualizations
yc-software/qm1.5만2026년 10월 20일 업데이트

automation

Vercel 공식무료

Test running Native SDK apps by checking readiness, inspecting windows, driving widgets, and checking communication between JavaScript and Zig. Includes repeatable canvas screenshots and basic integration tests to confirm that key app features work.

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

  • Checking app readiness and window state
  • Testing widget input and interactions
  • Comparing repeatable canvas screenshots
vercel-labs/native7.8천2026년 10월 20일 업데이트

testing-data-visualizations

Codex 공식무료

Design tests for charts, dashboards, and interactive diagrams. Combine data checks, component tests, screenshot comparisons, and end-to-end workflows to catch incorrect values, broken interactions, and visual changes while keeping tests stable.

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

  • Choose test coverage for a chart component
  • Set up stable screenshot comparisons for a dashboard
  • Verify mobile interactions and degraded network states
openai/plugins7.5천2026년 10월 8일 업데이트

Plan short videos on a creative canvas, organize scripts, storyboards, and characters, and generate or import media. Arrange shots with separate audio and editable captions, then hand off editable tracks to Work Video Studio.

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

  • Plan a short video's script and storyboard
  • Generate images, video, or narrated speech
  • Build a rough cut using selected local media
Devin-AXIS/iPolloWork7.1천2026년 10월 20일 업데이트

Build particle trails that keep consistent spacing as the pointer speeds up or slows down. Covers distance-based emission, drifting motion, placement in 3D scenes, performance checks, and alternatives for touch, keyboard use, and reduced motion.

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

  • Creating sparks or wisps that follow the cursor
  • Fixing gaps in trails during fast pointer movement
  • Keeping trails aligned with the pointer in 3D scenes
MengTo/Skills6.9천2026년 10월 18일 업데이트

Build subtle animated petals, snow, confetti, or other decorative particles within a single page section. Adjust their movement and density while preserving readable content, limiting device workload, and providing static alternatives for readers who reduce motion.

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

  • Adding gentle petals or snow to a page section
  • Animating small brand fragments behind content
  • Limiting decorative animation on mobile devices
MengTo/Skills6.9천2026년 10월 18일 업데이트

Create a dark animated backdrop with soft vertical folds of light, layered glow, and a brighter corner or lower edge. Adjust color, density, softness, and drift to build depth while keeping foreground content visually prominent.

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

  • Adding slowly drifting light curtains to a dark background
  • Matching background glow to a brand accent color
  • Concentrating light near a corner or lower edge
MengTo/Skills6.9천2026년 10월 18일 업데이트

Capture long web pages by scrolling, waiting for content to settle and stitching screen captures together. Repair missing sections on animated or lazy loaded pages, then derive section crops and validate them against visual references.

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

  • Repairing blank or incomplete full page screenshots
  • Capturing pages with scroll animations or lazy loaded content
  • Creating article section crops from a stitched image
MengTo/Skills6.9천2026년 10월 18일 업데이트

Create and edit visual AI agent workflows in CC Workflow Studio through conversation. Add or remove steps and connections, update individual nodes, and organize related steps into visual groups on the canvas.

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

  • Creating a new AI agent workflow
  • Adding or removing steps and connections
  • Updating node names, settings, or positions
breaking-brake/cc-wf-studio5.4천2026년 10월 7일 업데이트

Create original posters and static artwork by first defining a visual philosophy, then expressing it through color, shapes, spacing, and minimal text. Receive the artwork as PNG or PDF alongside a Markdown design statement.

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

  • Create a poster with minimal text
  • Express a theme through abstract artwork
  • Develop several pages with a shared visual direction
shareAI-lab/Kode-CLI5.2천2026년 10월 16일 업데이트

Create a single HTML file with a flowing, animated background and a prominent quote or headline. Use it for a video intro, a landing page's main visual, or a poster, with landscape and portrait layouts available.

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

  • Creating a video intro with a short message
  • Designing a landing page's main visual
  • Making a poster with a flowing background
nexu-io/html-video4.7천2026년 6월 22일 업데이트

Turn papers stored in Zotero into detailed Obsidian reading notes, linking claims, methods, evidence, and limitations to a project. Synthesize findings across papers, track note coverage for entire collections, and build a visual literature map.

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

  • Creating detailed Obsidian notes from Zotero papers
  • Comparing methods and identifying research gaps across papers
  • Checking note coverage for a whole Zotero collection
brycewang-stanford/Auto-Empirical-Research-Skills4.7천2026년 10월 20일 업데이트