본문으로 건너뛰기
cccskills

'rendering' 검색 결과

847건 · 관련도순

Diagnose problems in a PPT creation setup, including document parsing, browser rendering, PPTX export, and search or image tools. Receive a report showing which capabilities work, which remain unverified, and what configuration or dependencies are missing.

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

  • Diagnosing failed HTML rendering or PPTX export
  • Checking dependencies before using PPT tools
  • Finding missing search and image API settings
OpenSenseNova/SenseNova-Skills5.8천2026년 10월 9일 업데이트

Set up Ignite UI Lite controls or GridLite in Blazor applications. Match package references, service registration, namespaces, theme stylesheets, and interactive rendering settings to the app’s structure, including projects with separate server and client code.

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

  • Adding Ignite UI Lite controls to a Blazor app
  • Setting up an app that uses only GridLite
  • Reviewing setup in separate server and client projects
dotnet/skills5.7천2026년 10월 20일 업데이트

Build apps with Remotion, from forms that trigger video rendering to complex video editors. Get guidance on templates, embedded previews, and choosing where rendering—the process of producing the video—runs.

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

  • Build a form that generates videos
  • Embed a Remotion preview in a React app
  • Choose where video rendering runs
remotion-dev/skills5.4천2026년 10월 20일 업데이트

hunt-ssti

무료

Investigate server-side template injection, where user input is interpreted as template code. The skill covers engine identification, testing email and PDF rendering, and checking whether an injection can lead to command execution on the server.

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

  • Assessing email template rendering
  • Testing PDF and report generators
  • Reviewing authenticated CMS template editors
elementalsouls/Claude-BugHunter5.2천2026년 10월 19일 업데이트

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일 업데이트

Select and implement SSG, SSR, ISR, Streaming, or Partial Prerendering strategies in Next.js App Router. Use when choosing a rendering mode for a page, configuring generateStaticParams, or enabling PPR.

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

HoangNguyen0403/agent-skills-standard5792026년 10월 18일 업데이트

Cloudflare Browser Rendering with Puppeteer/Playwright. Use for screenshots, PDFs, web scraping, or encountering rendering errors, timeout issues, memory exceeded.

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

secondsky/claude-skills2312026년 10월 20일 업데이트

phase

무료

Use when optimizing, auditing, or preparing to ship web animations or rendering performance work: frame loops, scroll/viewport reveals, mount/unmount transitions, canvas/WebGL lifecycles, reduced motion, lazy rendering, and deferred off-screen work. Use for jank, per-frame allocations, forced reflows, render loops, animations that do not pause off-screen, content-visibility, requestIdleCallback, analyzing Chrome DevTools performance traces for animation or rendering issues, or choosing between browser-driven CSS/WAAPI, minimal JS, phase, and Motion/GSAP. Use when the user explicitly asks about phase APIs or behavior. Do not use during exploratory animation ideation, prototyping, visual iteration, or trying variants, even when the code already imports phase; wait until the user asks for performance guidance, an audit, production implementation, ship-readiness review, or about phase itself.

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

vercel-labs/phase982026년 10월 9일 업데이트

Generate physically-based atmospheric scattering shaders — sky domes, planetary atmospheres, LUT-optimized pipelines, depth-aware post-processing. Four modes — sky-dome, atmosphere-post, planet, lut. Triggers on atmospheric scattering, sky shader, sunset rendering, planet atmosphere, Rayleigh scattering, Mie scattering, volumetric sky, sky dome, atmosphere post-processing, aerial perspective, transmittance LUT, sky rendering, realistic sky, planetary rendering.

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

tdimino/claude-code-minoan412026년 10월 16일 업데이트

Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and handling browser-only APIs. Triggers on SSR configuration, fixing hydration mismatches, prerendering routes, or making code SSR-compatible.

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

manu14357/zskills162026년 7월 24일 업데이트

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.

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

  • Choosing state management for SwiftUI views
  • Designing navigation with NavigationStack
  • Improving list rendering performance
affaan-m/ECC28.5만2026년 10월 20일 업데이트

frontend-patterns

무료요약 있음AI 평가 80점

React와 Next.js 화면의 구현과 검토를 지원합니다. 컴포넌트 조합, 상태 관리, 데이터 가져오기, 표시 속도, 폼 검증과 키보드·포커스 동작 개선 패턴을 제공합니다.

  • 재사용하기 쉬운 React 컴포넌트 정리
  • 상태 관리와 데이터 가져오기 검토
  • 긴 목록의 표시 속도 개선
affaan-m/ECC28.5만2026년 10월 20일 업데이트

compose-multiplatform-patterns

무료요약 있음AI 평가 90점

Compose로 Android·iOS·Desktop·Web의 화면을 공유하도록 상태 관리, 화면 이동, 재사용 컴포넌트, 테마와 렌더링 성능 개선을 돕습니다.

  • 여러 플랫폼에서 화면을 공유합니다
  • 화면 상태와 사용자 동작을 정리합니다
  • 화면과 대화상자 이동을 구현합니다
affaan-m/ECC28.5만2026년 10월 20일 업데이트

dream-loop

무료요약 있음AI 평가 80점

목표 이미지와 구현한 3D 장면의 스크린샷을 비교해 구도, 조명, 질감을 단계적으로 개선합니다. 시각적 재현도를 평가하고 렌더링 속도도 확인하며 수정을 반복합니다.

  • 목표 이미지와 비슷한 3D 장면 제작
  • 브라우저 게임의 조명과 질감 개선
  • 기존 3D 작품의 시각적 완성도 개선
NousResearch/hermes-agent25.5만2026년 10월 20일 업데이트

worker-visualizer

무료요약 있음AI 평가 100점

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

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

video-hyperframes

무료요약 있음AI 평가 90점

글과 데이터를 Hyperframes / Remotion용 연속 프레임 애니메이션으로 정리합니다. 자동 재생, 수동 조작, 렌더링용 메타데이터를 제공합니다.

  • 짧은 대본을 애니메이션으로 제작
  • 장면별로 데이터를 순서대로 설명
  • Remotion 렌더링용 소재 준비
nexu-io/open-design10.3만2026년 10월 20일 업데이트

review-animations

무료요약 있음AI 평가 100점

화면 애니메이션 코드를 속도, 자연스러움, 중단 대응, 렌더링 성능, 접근성 관점에서 검토합니다. 수정안과 이유를 제시하고 승인 여부를 판단합니다.

  • 드롭다운과 툴팁의 움직임을 점검합니다
  • 연속 조작에 대한 반응을 확인합니다
  • 렌더링 성능을 해치는 애니메이션을 찾습니다
nexu-io/open-design10.3만2026년 10월 20일 업데이트

threejs

무료요약 있음AI 평가 70점

Three.js로 브라우저에서 표시하고 조작할 수 있는 3D 요소와 경험을 제작합니다. 장면 구성, 재질 외관, 조작 방식, 렌더링 후 시각 효과를 다룹니다.

  • 웹 페이지에 3D 요소 제작
  • 브라우저에서 조작하는 3D 경험 제작
  • 재질 외관과 조작 방식 조정
nexu-io/open-design10.3만2026년 10월 20일 업데이트

Measure page loading speed and identify what prevents a page from loading in under three seconds. Use performance measurements to guide improvements such as lazy loading, caching, CDN delivery, and reducing resource costs.

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

  • Investigating slow page loads
  • Finding heavy resources and costly rendering steps
  • Checking performance on a throttled 3G connection
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Check whether images visible when a page first opens are unnecessarily lazy loaded, meaning their loading is deferred. Verify rendering delays with performance measurements, then guide changes to loading attributes and request priority.

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

  • Review loading settings for hero images
  • Investigate image loading delays affecting LCP
  • Adjust loading attributes for images in the initial viewport
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Measure how Google Tag Manager affects page loading and rendering. Identify costly tags, triggers, and requests, then guide cleanup, asynchronous loading, or a move to server-side processing based on observed performance problems.

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

  • Investigate slow pages using GTM
  • Review unused tags and triggers
  • Check asynchronous script loading
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Inspect web font loading to identify invisible text, rendering delays, and layout shifts. Use measured evidence to guide fallback text display, preloading of important fonts, and the use of compressed formats such as WOFF2.

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

  • Investigating invisible text during font loading
  • Reviewing font-related layout shifts
  • Adding fallback text display and font preloading
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review component styles to find where CSS containment, which isolates rendering work, can limit layout recalculation and repainting. Identify suitable components and off-screen list items, then check their appearance across screen sizes and interaction states.

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

  • Reviewing pages with many independent components
  • Reducing rendering work for off-screen list items
  • Checking containment across screen sizes
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트

Review how a page loads CSS, the rules that control its appearance. Inline the styles needed for the first visible content and load the rest asynchronously, while checking layouts across screen sizes and interaction states.

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

  • Reviewing CSS that delays initial page rendering
  • Extracting styles needed for the first visible screen
  • Moving noncritical CSS to asynchronous loading
thedaviddias/Front-End-Checklist7.5만2026년 10월 6일 업데이트