Skip to content
cccskills

Results for “rendering”

861 skills · sorted by relevance

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
ComposioHQ/awesome-claude-skills77.6KUpdated Sep 18, 2026

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-skills17KUpdated Jul 26, 2026

Fix Blazor issues during prerendering, when the server sends initial HTML before interactive features load. Preserve component state to avoid repeated data requests and flicker, handle unavailable services, and configure prerendering or page routing where needed.

  • Fixing duplicate data requests on initial page loads
  • Reducing flicker when a page becomes interactive
  • Handling client services unavailable during prerendering
dotnet/skills5.7KUpdated Oct 21, 2026

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.

The English summary is being prepared. Showing the original description.

kostja94/marketing-skills1.1KUpdated Oct 6, 2026

nuxt4-patterns

FreeSummaryAI rating 100

Build and review Nuxt 4 applications with consistent server and browser rendering. Guide data fetching, page rendering and caching rules, and deferred loading to address rendering mismatches and improve performance.

  • Debugging differences between server and browser rendering
  • Reviewing page data fetching with useFetch and useAsyncData
  • Choosing rendering and caching rules for each route group
affaan-m/ECC285.3KUpdated Oct 21, 2026

hyperframes-cli

FreeSummary

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/hyperframes68.9KUpdated Oct 21, 2026

lite-render-perf

FreeSummary

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/gitbutler21.8KUpdated Oct 21, 2026

Scripts and configures production rendering in Autodesk 3ds Max with the V-Ray and Corona renderers: output size and files, render elements, denoising, light mix, batch and command-line rendering, and network rendering. Use when a user asks to set up a production render, render several cameras in one batch, render from the command line or on a render farm, add render passes for compositing, or cut render time for archviz and product shots.

The English summary is being prepared. Showing the original description.

TerminalSkills/skills174Updated Oct 21, 2026

dom-size

FreeSummary

Measure the size and nesting of a page's DOM, the tree of HTML elements. Identify unnecessary wrappers and oversized lists, then simplify the structure or render only visible list items to reduce confirmed rendering costs.

  • Investigating pages with slow rendering or interactions
  • Measuring HTML element counts and nesting depth
  • Removing unnecessary wrapper elements
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

hyperframes-cli

FreeSummary

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/OpenMontage70.5KUpdated Oct 17, 2026

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-skill42.9KUpdated Sep 22, 2026

walkontable-dev

FreeSummary

Modify Handsontable’s Walkontable rendering engine using its architecture and coding rules. The skill covers visible-area calculations, frozen rows and columns, scroll synchronization, browser element measurements, and tests for rendering changes.

  • Fix rendering issues with frozen rows and columns
  • Change viewport calculations or row and column sizing
  • Review scroll synchronization and redraw timing
handsontable/handsontable22.1KUpdated Oct 21, 2026

Read and change a running CARLA server’s timing, physics substeps, and rendering settings. Switch between client-controlled steps and automatic progression, keep Traffic Manager synchronization aligned, and read back the settings to verify each change.

  • Setting a fixed simulation rate for sensor capture
  • Keeping Traffic Manager aligned with synchronous mode
  • Disabling rendering or adjusting physics substeps
carla-simulator/carla14.5KUpdated Oct 21, 2026

virtual-list

FreeSummary

Guides implementation of large scrolling lists that render only visible items and a small buffer. Includes TypeScript examples for reusing page elements, limiting scroll updates, and cleaning up event listeners to reduce rendering work.

  • Building lists with thousands of items
  • Reducing rendering work during scrolling
  • Reusing list elements and cleaning up listeners
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Make 3D canvas output sharper on Retina and other high-density displays. Coordinate rendering and post-processing resolution, preserve pointer accuracy, and verify fixed 200% rendering or automatic scaling with measured performance and explicit fallbacks.

  • Fix blurry 3D canvas output on Retina displays
  • Implement a fixed 200% rendering option
  • Keep post-processing and pointer coordinates aligned
MengTo/Skills6.9KUpdated Oct 18, 2026

configure-auth

FreeSummary

Configure login state and access rules in Blazor Web Apps. Accounts for server and browser rendering, protects pages by role or policy, and helps diagnose missing authentication state or errors on Identity pages.

  • Restrict pages by login status, role, or policy
  • Show interface elements according to user permissions
  • Keep login state available after WebAssembly loads
dotnet/skills5.7KUpdated Oct 21, 2026

Write, review, and optimize Three.js scenes using guidance on memory cleanup, rendering, models, textures, and lighting. Apply examples to reduce unnecessary work, investigate memory leaks, and adjust 3D experiences for mobile devices.

  • Reviewing rendering performance in Three.js scenes
  • Fixing memory leaks when switching 3D views
  • Optimizing models and textures for mobile devices
zebbern/claude-code-guide4.7KUpdated Oct 21, 2026

react-devtools

FreeSummary

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-app4KUpdated Oct 21, 2026

ui-widget-developer

Official · MicrosoftFree

Build MCP servers for Copilot Chat using the OpenAI Apps SDK or MCP Apps SDK widget rendering support (any language). Use this skill when: - Creating MCP servers that integrate with M365 Copilot declarative agents - Building rich interactive widgets (React + Fluent UI) that render in Copilot Chat - Implementing tools that return structuredContent for widget rendering - Adapting an existing MCP server to support Copilot widget rendering - Setting up devtunnels for localhost MCP server exposure - Configuring mcpPlugin.json manifests with RemoteMCPServer runtime Do NOT use this skill for general agent development (scaffolding, manifests, deployment) — use declarative-agent-developer instead. This skill is ONLY for MCP server + widget development. Triggers: "MCP server for Copilot", "OpenAI Apps SDK", "Copilot widget", "structuredContent", "MCP plugin", "devtunnels MCP", "OAI app", "widget rendering", "UI widget"

The English summary is being prepared. Showing the original description.

microsoft/skills3.1KUpdated Oct 21, 2026

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).

The English summary is being prepared. Showing the original description.

managedcode/dotnet-skills490Updated Oct 20, 2026

react-performance

FreeSummaryAI rating 100

Review and refactor React and Next.js code to address slow loading and interactions. Prioritized guidance covers sequential data requests, downloaded JavaScript size, server processing, repeated rendering, and browser work, with examples for choosing relevant improvements.

  • Investigating slow page loads
  • Reviewing downloaded JavaScript size
  • Reducing repeated rendering and interaction delays
affaan-m/ECC285.3KUpdated Oct 21, 2026

humanize-ppt

FreeSummaryAI rating 90

Turn notes or documents into a talk outline, page-by-page media choices, and a production brief for a separate slide-making skill. After rendering, check each slide against its planned purpose and generate revision instructions for up to three rounds.

  • Turn notes or transcripts into a presentation outline
  • Plan images, diagrams, and videos for each slide
  • Prepare a production brief for HTML slides or PPTX
nexu-io/open-design103KUpdated Oct 21, 2026

render-blocking

FreeSummary

Find CSS and JavaScript that delay a page’s first visible content. Confirm the bottleneck with browser tools or performance data, then adjust loading behavior and inline essential styles to help the page start rendering sooner.

  • Investigating a blank screen during page loading
  • Reviewing CSS and JavaScript loading behavior
  • Inlining styles needed for the initial display
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Audit slow page loads by measuring LCP, the time until the largest visible content appears. Identify bottlenecks in images, server responses, and rendering, then recommend changes supported by measurements.

  • Find why a page's main content appears slowly
  • Review hero image loading
  • Prioritize fixes using Lighthouse measurements
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026