본문으로 건너뛰기
cccskills

'render' 검색 결과

2.2천건 · 관련도순

Automate Cloudflare Browser Rendering operations through Rube MCP, a connection for agent tools. The skill discovers supported actions, verifies an active connection, and executes tasks using the latest tool input requirements.

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

  • Finding available Cloudflare Browser Rendering actions
  • Checking the service connection before a task
  • Running multiple operations in a workflow
composio-community/awesome-codex-skills1.7만2026년 7월 26일 업데이트

Trace how requests become rendered pages in a CTF sandbox. Compare display restrictions with server enforcement, inspect data passed to the browser, and preserve a minimal example that demonstrates where rendering behavior diverges.

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

  • Trace routes through server rendering
  • Inspect page data passed to the browser
  • Compare display restrictions with handler enforcement
zhaoxuya520/reverse-skill4.3만2026년 9월 22일 업데이트

react-pdf

Vercel 공식무료

Generate PDF documents from JSON definitions with headings, tables, images, and page numbers. Use file, in-memory, or streaming output, and extend document layouts with custom components and externally managed application state.

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

  • Generate invoice PDFs from JSON definitions
  • Build documents containing tables and images
  • Stream generated PDFs through an HTTP response
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

image

Vercel 공식무료

Turn JSON layout definitions into SVG or PNG images with Satori. Use this skill to create social sharing previews and cards, assemble standard layout and text components, or define custom components for image specifications.

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

  • Creating social sharing preview images from JSON
  • Building social cards with standard components
  • Rendering AI-generated JSON image definitions
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

remotion

Vercel 공식무료

Turn JSON timelines into Remotion video compositions with titles, images, text overlays, and animated statistics. The skill covers playback setup, reusable video components, transitions, effects, and adding custom clips to a video catalog.

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

  • Build a video composition from a JSON timeline
  • Create title cards and image slides
  • Add captions and name overlays
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

Style UI for render.com with extracted design tokens, named values for visual settings. Use the supplied purple action color, white background, black text, PPNeueMontreal font, and corner radius, while flagging settings missing from the definitions.

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

  • Style UI using the render.com palette
  • Apply the defined font and corner radius
  • Identify missing design values
Manavarya09/design-extract4.3천2026년 10월 20일 업데이트

When the user wants to choose or optimize rendering strategy for SEO. Also use when the user mentions "SSR," "SSG," "CSR," "ISR," "static rendering," "dynamic rendering," "server-side rendering," "client-side rendering," "JavaScript rendering," "pre-rendering," "prerender," "content in initial HTML," or "crawler visibility." For crawl issues, use site-crawlability.

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

kostja94/marketing-skills1.1천2026년 10월 21일 업데이트

Render the jigsawR Quarto documentation site for GitHub Pages. Supports fresh renders (clearing cache), cached renders (faster), and single-page renders. Uses the bundled render script or direct quarto.exe invocation from WSL. Use when building the full site after content changes, rendering a single page during iterative editing, preparing documentation for a release or PR, or debugging render errors in Quarto .qmd files.

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

pjt222/agent-almanac422026년 10월 21일 업데이트

Guide HyperFrames video projects from setup and component selection through checks, previews, and rendering. Use command-line tools to inspect timelines, diagnose failures, compare frames, and choose local, batch, or cloud rendering for the finished composition.

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

  • Set up and preview a HyperFrames video project
  • Diagnose build or rendering failures
  • Render multiple videos from variable data
heygen-com/hyperframes6.9만2026년 10월 21일 업데이트

web-renderer-test

Remotion 공식무료

Maintain visual snapshot tests, which compare rendered images, for Remotion’s web renderer. Update existing tests after implementation changes, or add explicitly requested tests with sample components, preview registration, and documentation updates for supported properties.

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

  • Updating existing tests after renderer changes
  • Adding an explicitly requested rendering test
  • Registering a test fixture for preview
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

Create or modify Handsontable cell renderers, functions that control cell appearance. It guides safe text and HTML handling, accessible cell attributes, content placement, and caching choices for expensive rendering work during scrolling and redraws.

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

  • Creating a custom cell renderer
  • Reviewing safe text and HTML display
  • Investigating row height changes after rendering
handsontable/handsontable2.2만2026년 10월 21일 업데이트

Prevent and investigate excessive rendering in Lite React screens. It guides data transformations, context use, and store subscriptions, then checks compiler output and measures rendering time before and after changes to verify their effect.

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

  • Investigate lag when selecting rows in Lite
  • Review data transformations during rendering
  • Design narrower context and store subscriptions
gitbutlerapp/gitbutler2.2만2026년 10월 21일 업데이트

svelte

Vercel 공식무료

Turn JSON screen descriptions into Svelte 5 interfaces. This skill covers component catalogs, registration, shared state, form bindings that keep inputs and data synchronized, conditional display, and streaming AI-generated interfaces as they arrive.

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

  • Render a Svelte interface from JSON
  • Define and register reusable screen components
  • Synchronize form inputs with shared state
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

shadcn

Vercel 공식무료

Build json-render interfaces with 36 ready-made UI components, including forms, tables, and navigation. This skill guides component selection, connects definitions to React implementations, and explains custom components and input validation.

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

  • Add standard components to a json-render interface
  • Build forms with input validation
  • Combine ready-made and custom components
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

codegen

Vercel 공식무료

Helps build custom code exporters from json-render UI specifications. Covers walking the UI tree, collecting components, state references, and actions, and formatting property values for JSX, the markup syntax used in React.

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

  • Build a custom exporter for Next.js or Remix
  • List components and actions used in a UI specification
  • Convert property values into JSX attributes
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

react-native

Vercel 공식무료

Build native mobile interfaces from JSON specifications with @json-render/react-native. Use standard or custom components, connect form inputs to application state, and update visible content in response to taps and other interactions.

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

  • Building mobile screens from JSON specifications
  • Connecting form inputs to application state
  • Switching tab content in response to taps
vercel-labs/json-render1.9만2026년 10월 14일 업데이트

Inspect React Native components, their input values and internal state, and measure rendering performance for a specific interaction. Use the findings to investigate slow components, repeated rendering, and the causes behind a component rendering again.

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

  • Investigating why a component rendered again
  • Finding slow React Native components
  • Inspecting component props, state, and hooks
CherryHQ/cherry-studio-app4천2026년 10월 21일 업데이트

Mandatory pre-publish review gate for a UGC video render. Transcribes the finished render's AUDIO with Whisper and word-diffs it against the approved spoken script, then gates pinning the final render (video_project_upsert patch.final_render_id) — blocking a render whose generated audio mis-voices a word (e.g. the approved "human-vetted" spoken as "human witted"), says a different number or brand name, flips a negation, drops an approved phrase, or comes back silent. Correct speech written differently ("5mg" said "five milligrams", "30%" said "thirty percent", a spoken URL, "don't" said "do not", "braxleybands" said "braxley bands", a confirmed pronunciation like "AG1" said "A G one") passes. Runnable, gating counterpart to content-goose's review-transcript-integrity atom. Every ugc-video-formats recipe runs this after render and BEFORE pinning the final render.

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

gooseworks-ai/goose-skills1.3천2026년 10월 21일 업데이트

Make interactive Blazor components work correctly with prerendering. USE FOR fixing duplicate data loads, UI flicker during prerender-to-interactive handoff, null references during prerender, persisting state across prerender, disabling prerendering, excluding pages from interactive routing, or detecting whether a component is currently prerendering. DO NOT USE for choosing which render mode to use (see create-blazor-project) or general component authoring (see author-component).

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

managedcode/dotnet-skills4902026년 10월 21일 업데이트

humanize-ppt

무료요약 있음AI 평가 90점

메모나 문서를 발표 구성과 페이지별 이미지·도표·영상 계획, 제작 지시서로 정리합니다. 렌더링 후에는 구성과 각 슬라이드의 일치 여부를 최대 세 차례 점검합니다.

  • 메모나 녹취록으로 발표 구성하기
  • 슬라이드별 이미지·도표·영상 계획하기
  • HTML 슬라이드나 PPTX 제작 지시서 작성하기
nexu-io/open-design10.3만2026년 10월 21일 업데이트

Guide HyperFrames video projects from setup through layout checks, editable previews, and video output. Covers command-line workflows, environment troubleshooting, and distributed rendering on AWS Lambda, which splits video rendering work across cloud functions.

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

  • Setting up a HyperFrames video project
  • Checking text overflow and scene display
  • Exporting a video after reviewing it in Studio
calesthio/OpenMontage7.1만2026년 10월 17일 업데이트

studio-perf

Remotion 공식무료

Improve Remotion Studio rendering performance by limiting which components update with every frame. The skill guides on-demand timeline reads and React.memo usage, helping keep stable components from rerendering unnecessarily while preserving updates where the displayed frame matters.

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

  • Reduce unnecessary rerenders on every frame
  • Read the current frame only when an event needs it
  • Move frame-dependent rendering into a small child component
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

react-scan

Remotion 공식무료

Record React rendering activity during specific Remotion Studio interactions to investigate repeated renders and slow updates. Compare measurements before and after code changes under matching conditions, and check that behavior still works correctly.

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

  • Investigate unnecessary React renders in Remotion Studio
  • Identify components responsible for slow updates
  • Analyze rendering related to timeline position
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

Add Markstream to AI chat or document interfaces to render Markdown as it arrives. The skill selects the framework package and configures dependencies, styles, streaming behavior, and server-side rendering boundaries.

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

  • Add streaming Markdown to an AI chat interface
  • Fix missing styles or server-side rendering errors
  • Replace an existing Markdown renderer with Markstream
github/awesome-copilot4만2026년 10월 21일 업데이트