Skills

All Skills

rendering

Skills tagged with #rendering

@adcontextprotocol

adcp-creative

Execute AdCP Creative Protocol operations with creative agents - build creatives from briefs or existing assets, preview renderings, and discover format specifications. Use when users want to generate or transform ad creatives, preview how ads will look, or understand creative format requirements.

adcontextprotocol/adcp+2 more
2mo ago
1930
@Zhonghao1995

MIKE+ Plot

Renders MIKE+ results in the project house style. **No license / no MIKE+ install needed.**

Zhonghao1995/Agentic-MIKE-Plus
18h ago
50
@falense

openpaper

Generate a personalized newspaper-style digest from any news sources. Use this skill whenever the user wants to read news, set up news sources, get a daily digest, curate articles, generate a newspaper, create a morning briefing, manage their reading preferences, or says things like "make my paper", "what's new today", "add a news source", "show me the news", or "update my preferences". Also use when the user mentions OpenPaper, newspaper layout, or news curation. This skill handles the full pipeline: adding sources (writing fetchers), curating content, and rendering beautiful HTML newspaper editions.

falense/openpaper
1mo ago
50
@ConanMcN
MCP

Io.Github.ConanMcN/Fragments Mcp

Design system MCP with 9 tools for component discovery, rendering, and a11y auditing

mcpgithubrag
ConanMcN/fragments
2mo ago
0
@callstack

react-native-testing

Write tests using React Native Testing Library (RNTL) v13 and v14 (`@testing-library/react-native`). Use when writing, reviewing, or fixing React Native component tests. Covers: render, screen, queries (getBy/getAllBy/queryBy/findBy), Jest matchers, userEvent, fireEvent, waitFor, and async patterns. Supports v13 (React 18, sync render) and v14 (React 19+, async render). Triggers on: test files for React Native components, RNTL imports, mentions of "testing library", "write tests", "component tests", or "RNTL".

callstack/react-native-testing-library
2mo ago
3.3K0
@KyaniteLabs

mcp-video

Use mcp-video for guarded video editing, FFmpeg operations, media analysis, subtitles, audio workflows, Hyperframes rendering, repurposing packages, and release checkpoints through an MCP server, Python client, or CLI. Trigger when an agent needs to inspect, edit, render, validate, or package local media safely.

KyaniteLabs/mcp-video
1mo ago
320
@Mermaid-Chart
MCP

Mermaid Mcp

MCP server for Mermaid diagram validation and rendering

mcpai
Mermaid-Chart/mermaid-mcp
2mo ago
0
@elirantutia

ui-dev

This skill MUST be used whenever the task involves UI development, renderer code changes, adding or modifying components, creating modals or dialogs, working with CSS styles, building new UI features, or touching any file in src/renderer/. Use this skill when the user asks to "add a button", "create a modal", "add a dropdown", "update the sidebar", "style a component", "add a new UI feature", or any renderer/frontend work.

elirantutia/vibeyard
2mo ago
330
@mcp-registry
MCP

Mcp

Cloud-based web access with real browsers and JS rendering by ScrapingAnt

mcpapibrowserweb
2mo ago
0
@gjovanovicst

admin-gui

Documentation of the HTMX admin GUI including template rendering, session management, CRUD patterns, and the GUIHandler structure.

gjovanovicst/golang-auth-api+4 more
2mo ago
1110
@ticktockbent
MCP

Io.Github.TickTockBent/Charlotte

Renders web pages into structured, agent-readable representations using headless Chromium.

mcpgithubweb
ticktockbent/charlotte
2mo ago
0
@lessthanseventy

e11y-debug

Use when debugging LiveView issues - timeline analysis shows state at each event, snapshots show rendered HTML, analyzers suggest root causes

lessthanseventy/excessibility+2 more
2mo ago
400
@403errors

Beautiful Markdown for PDF Export

Guidelines and instructions for generating Markdown that looks excellent when read natively and renders beautifully when exported or converted to PDF.

403errors/repomind
2mo ago
2180
@cherchyk
MCP

MCP Browser

Fetch web pages using Chrome/Edge browser with auth, anti-bot, and JavaScript rendering support

mcpgithubjavascriptbrowserweb
cherchyk/MCPBrowser
2mo ago
0
@intenttext
MCP

Intenttext Mcp

Parse, validate, query, and render IntentText (.it) documents for AI agents

mcpgithubai
intenttext/intenttext-mcp
2mo ago
0
@marcus

create-modal

Create declarative modals using the modal library API. Covers modal types (confirm, input, select, form), sections (Text, Buttons, Input, Textarea, Checkbox, List, When, Custom), rendering with OverlayModal, and keyboard/mouse handling. Use when adding modals or dialogs to the application.

marcus/sidecar+11 more
2mo ago
8390
@husamql3

zustand-state-management

Build type-safe global state in React with Zustand. Supports TypeScript, persist middleware, devtools, slices pattern, and Next.js SSR with hydration handling. Prevents 6 documented errors. Use when setting up React state, migrating from Redux/Context, or troubleshooting hydration errors, TypeScript inference, infinite render loops, or persist race conditions.

husamql3/pstrack
2mo ago
1150
@daangn

review-react

React code review guidelines covering Rules of React, re-render optimization, rendering performance, and advanced patterns. Activates when writing, reviewing, or refactoring React components, hooks, or state management code.

daangn/stackflow
2mo ago
1.0K0
@mcp-registry
MCP

Memesio Meme Generator

MCP server for meme generation, template search, caption rendering, and AI meme creation.

mcpaisearch
2mo ago
0
@Smana

crossplane-renderer

Renders and validates Crossplane compositions with security and policy checks. Automatically activates when testing compositions, rendering examples, or validating resources with Polaris, kube-linter, and Datree. Works standalone or as part of complete KCL validation workflow.

Smana/cloud-native-ref+3 more
2mo ago
900
@n0isy
MCP

Io.Github.N0isy/Mcp Icon Visual

Search, retrieve, compare, and render SVG icons visually for AI agents.

mcpgithubaisearch
n0isy/brain-mcp-icon-visual
2mo ago
0
@openstatusHQ

Data Table Filters

A shadcn registry for building filterable, sortable data tables with infinite scroll and virtualization. Start with the core block, then extend with optional blocks for command palette, cell renderers, sheet panels, store adapters, schema generation, Drizzle ORM helpers, and React Query integration.

openstatusHQ/data-table-filters
2mo ago
1.9K0
@vinayakkulkarni

nuxt-best-practices

Nuxt 3/4 performance optimization and architecture guidelines for building fast, maintainable full-stack applications. This skill should be used when writing, reviewing, or refactoring Nuxt code to ensure optimal patterns. Triggers on tasks involving data fetching, server routes, auto-imports, rendering modes, or Nuxt-specific features.

vinayakkulkarni/vue-nuxt-best-practices+1 more
2mo ago
360
@imjuya

juya-news-card-operator

Operate juya-news-card as a local CLI text-to-image card tool. Use when Codex should transform user text into final card content itself and render PNG directly with Playwright plus SSR-ready templates, without starting the Next.js app.

imjuya/juya-news-card
2mo ago
750
@ahmadsl
MCP

ChartPane

Renders interactive Chart.js charts and dashboards inline in AI conversations.

mcpgithubai
ahmadsl/chartpane
2mo ago
0
@digitarald

mcp-apps

Build MCP Apps - interactive HTML UIs rendered in chat via the MCP Apps Extension (SEP-1865). Use when creating MCP tools that need rich UI beyond text, adding interactive forms/visualizations to MCP servers, configuring structuredContent for UI data passing, or debugging MCP UI rendering issues. Keywords: MCP Apps, SEP-1865, ui://, text/html;profile=mcp-app, structuredContent, postMessage, registerTool _meta.

digitarald/mcp-apps-playground
2mo ago
610
@imxv

pretty-mermaid

Render beautiful Mermaid diagrams as SVG or ASCII art using the beautiful-mermaid library. Supports 15+ themes, 5 diagram types (flowchart, sequence, state, class, ER), and ultra-fast rendering. Use this skill when: 1. User asks to "render a mermaid diagram" or provides .mmd files 2. User requests "create a flowchart/sequence diagram/state diagram" 3. User wants to "apply a theme" or "beautify a diagram" 4. User needs to "batch process multiple diagrams" 5. User mentions "ASCII diagram" or "terminal-friendly diagram" 6. User wants to visualize architecture, workflows, or data models

imxv/Pretty-mermaid-skills
2mo ago
5420
@HorusGoul

react-render-types-composition

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types. Use when: (1) writing React components that need @renders JSDoc annotations, (2) building a design system with enforced component composition (e.g., Menu only accepts MenuItem), (3) deciding which @renders modifier to use (required, optional, many, unchecked), (4) creating wrapper or transparent components, (5) annotating slot props like children/header/footer, (6) using render chains, union types, or type aliases with @renders, or (7) building app layouts that consume a @renders-annotated design system.

HorusGoul/eslint-plugin-react-render-types+1 more
2mo ago
1030
@kunitoki

au-review

Reviews AudioUnit v2/v3 plugin implementations for spec compliance, thread safety, and correctness. Use when the user asks to review an AudioUnit plugin, check an AUv3 app extension, audit property or parameter handling, or asks "is my AUComponent thread-safe?" or "why does my AU crash in Logic?". Trigger on phrases like "review my AudioUnit", "check my AUv3", "is my render block safe?", or when you see AURenderCallback, internalRenderBlock, kAudioUnitProperty_*, or AUAudioUnit in the code.

kunitoki/sonic-skills+13 more
1mo ago
100
@fboldo
MCP

OpenSCAD

Render STL and PNG from OpenSCAD code.

mcpgithub
fboldo/openscad-mcp-server
2mo ago
0
@julien-blanchon

svelte5-best-practices

Svelte 5 runes, snippets, SvelteKit patterns, and modern best practices for TypeScript and component development. Use when writing, reviewing, or refactoring Svelte 5 components and SvelteKit applications. Triggers on: Svelte components, runes ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), event handling, SvelteKit data loading, form actions, Svelte 4 to Svelte 5 migration, store to rune migration, slots to snippets migration, TypeScript props typing, generic components, SSR state isolation, performance optimization, or component testing.

julien-blanchon/Montelimar
2mo ago
860
@tutur3u

Streamdown

Streaming-optimized React Markdown renderer. Drop-in replacement for `react-markdown` with built-in streaming support, security, and interactive controls.

tutur3u/platform
2mo ago
480
@BANANASJIM

rdc-cli

Use this skill when working with RenderDoc capture files (.rdc), analyzing GPU frames, tracing shaders, inspecting draw calls, or running CI assertions against GPU captures. Trigger phrases: "open capture", "rdc file", ".rdc", "renderdoc", "shader debug", "pixel trace", "draw calls", "GPU frame", "assert pixel", "export render target".

BANANASJIM/rdc-cli
2mo ago
600
@smnandre

LiveComponent

TwigComponents that re-render dynamically via AJAX. Build reactive UIs in PHP + Twig with zero JavaScript. Every user interaction triggers a server round-trip that re-renders the component and morphs the DOM.

smnandre/symfony-ux-skills+6 more
2mo ago
1050
@PackmindHub

adding-ai-agent-rendering-system

Implement a new Packmind AI agent rendering/deployer pipeline (single-file or multi-file) with type and registry wiring, frontend UI/docs updates, and thorough unit/integration tests to reliably support additional coding assistants and distribution formats when introducing a new agent integration or render mode.

PackmindHub/packmind+34 more
1mo ago
2520
@pradeepmouli

pixi-js

PixiJS — fast, lightweight 2D rendering library for the web. Supports WebGL and WebGPU renderers with an intuitive scene graph API. Use this package to build interactive graphics, games, and data visualizations that run in any modern browser without plugins.

pradeepmouli/skillit+24 more
29d ago
50
@scottmreed
MCP

ChemCP

MCP App that renders 2D molecular structures from SMILES using RDKit.js

mcpgithub
scottmreed/ChemCP
2mo ago
0
@heurist-network

analyst

Single-ticker company deep dive. Fetches price, technicals, fundamentals, SEC filings, insider activity, analyst consensus, and macro context for one stock. Produces a phased progressive render with a sell-side quality verdict. The most common and data-dense flow in Heurist Finance.

heurist-network/heurist-finance+8 more
2mo ago
50
@adobe

component-migration-analysis

Create rendering-and-styling migration analysis docs for 2nd-gen component migration. Use when on the "analyze rendering and styling" step for one or more components.

adobe/spectrum-web-components+4 more
2mo ago
1.5K0
@affaan-m

agent-architecture-audit

Full-stack diagnostic for agent and LLM applications. Audits the 12-layer agent stack for wrapper regression, memory pollution, tool discipline failures, hidden repair loops, and rendering corruption. Produces severity-ranked findings with code-first fixes. Essential for developers building agent applications, autonomous loops, or any LLM-powered feature.

affaan-m/ECC+57 more
1mo ago
187.0K0
@slopus

control-flow

Analyze and design control flows and data structures. Produces compact ASCII tree diagrams showing triggers, call chains, payload shapes, state mutations, and re-render effects. Use when user asks to diagram, trace, visualize, or design a flow or data structure.

slopus/happy+3 more
2mo ago
17.9K0
@gridaco

Grida Canvas Engine — Performance Development

Workflow and reasoning framework for render performance work on the Grida Canvas Rust engine.

gridaco/grida
2mo ago
2.4K0
@Agents365-ai

imagenty

Use when generating images with Alibaba Cloud Bailian API, especially for Chinese text rendering or photorealistic images

Agents365-ai/imagenty
2mo ago
60
@cloudflare

cloudflare-browser

Control headless Chrome via Cloudflare Browser Rendering CDP WebSocket. Use for screenshots, page navigation, scraping, and video capture when browser automation is needed in a Cloudflare Workers environment. Requires CDP_SECRET env var and cdpUrl configured in browser.profiles.

cloudflare/moltworker
2mo ago
9.6K0
@wanshuiyin

/interview-cheatsheet — long-form Chinese ML/LLM interview prep

Generate one comprehensive Chinese cheat sheet per invocation: formulas + derivations + from-scratch code + 25 高频题. Output passes cross-model math/code review before rendering. **Detect-only by default: never auto-commits.**

wanshuiyin/ARIS-in-AI-Offer
1mo ago
170
@terrylica

academic-pdf-to-gfm

Convert academic PDF papers to GitHub-renderable GFM markdown with inline figures and correctly formatted math equations. Use this skill when converting research papers, technical reports, or math-heavy PDFs for display on GitHub or GitLab. Also use it when GFM math equations are broken or not rendering on GitHub, when someone asks about the $$-vs-```math decision, when equations look garbled on GitHub, when KaTeX validation is needed, or when investigating why LaTeX renders locally but not on GitHub. Also use when comparing GitHub vs GitLab math rendering, when asking about self-hosting GitLab for math documents, or when looking for a platform that requires less LaTeX workarounds. Covers PDF type detection (Word vs LaTeX vs scanned), tool selection (pymupdf4llm/pdftotext/marker-pdf), image extraction, GitHub math rendering rules ($$-vs-```math decision), GitLab native math support (no workarounds needed), KaTeX validation, and multi-agent adversarial equation verification.

terrylica/cc-skills+87 more
1mo ago
220
@livewire

blaze-optimize

Set up and optimize Blade component rendering with Blaze. Use when installing Blaze, optimizing components, or configuring @blaze directives and strategies.

livewire/blaze
2mo ago
6720
@XXO47OXX
MCP

Io.Github.XXO47OXX/Spa Reader Mcp

MCP Server that renders JavaScript SPA pages and extracts LLM-ready Markdown content

mcpgithubjavascriptllm
XXO47OXX/spa-reader-mcp
2mo ago
0
@jvogan

proteus

Use this skill when the user asks you to work with protein structures, molecular visualization, or structural biology tools. TRIGGER when: the user mentions PyMOL, ChimeraX, AlphaFold, Rosetta, PyRosetta, UniProt, RCSB PDB, PDBe, PDB files, protein structures, molecular rendering, pLDDT, RMSD, structure alignment, binding pockets, drug-target analysis, cryo-EM density maps, homology modeling, or protein design. Also trigger when the user opens/loads .pdb, .cif, .mmcif, .sdf, or .mol2 files, or .mrc density maps (see references/chimerax.md for cryo-EM workflows). DO NOT TRIGGER for: general biology questions with no structural component, bioinformatics sequence-only tasks (BLAST, MSA), or genomics/transcriptomics.

jvogan/proteus
29d ago
60
@open-agreements

canonical-markdown-authoring

Convert plain markdown contract drafts into OpenAgreements' canonical `template.md` authoring format. The canonical form is a single lawyer-editable file that compiles to a validated JSON contract spec plus a rendered DOCX via the shared template renderer.

open-agreements/open-agreements+11 more
2mo ago
310