shaders: WebGPU components for React, Vue, Svelte, Solid, JS & Framer

by shader-effects-inc · MCP Server · ★ 5.3k

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install shaders

npm install shaders
npx shaders connect        # link this codebase to a Shaders project

Taken from the project's README on GitHub. Check the security audit before running it.

Security audit verdict: SAFE · quality 65/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

clijavascriptmcpreactshaderssolidsveltevuewebgpu-shaders

Quick Facts

Stars5,276
Forks238
LanguageTypeScript
CategoryMCP Server
LicenseMIT
Quality Score65/100
Open Issues6
Last Updated2026-10-21
Created2026-09-29
Platformsbrowser, cli, mcp, node
Est. Tokens~16k

About shaders

Shaders WebGPU effects as componentsfor React, Vue, Svelte, Solid and JavaScript Table of Contents Why Shaders? 🧩 Components 🎨 Design visually, export code ⌨️ CLI 🤖 Using Shaders with AI ⚡️ Shaders Pro 🧪 Build your own component 👩🏻‍⚖️ License 💎 Contribute Why Shaders? Real WebGPU, declarative API: 200+ effects you drop in as components. Gradients, noise, glass, metal, light, disto

Compatible Skills

These tools work well together with shaders for enhanced workflows:

  • ai — semantic(0.33)+complementary+shared_fw(react,vue)+same_lang+similar_pop+shared_platform (77%)
  • agnosticui — semantic(0.28)+complementary+shared_fw(react,vue)+same_lang+similar_pop+shared_platform (76%)
  • tinybase — semantic(0.26)+complementary+shared_fw(react)+rare_topics+same_lang+similar_pop+shared_platform (71%)
  • kubb — semantic(0.33)+shared_fw(react,vue)+rare_topics+same_lang+similar_pop+shared_platform (67%)
  • story-ui — semantic(0.43)+shared_fw(react,vue)+same_lang+similar_pop+shared_platform (66%)

shaders alternative? Top 6 similar tools

Looking for a shaders alternative? If you're comparing shaders with other mcp server tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • kubb by kubb-labs · ⭐ 1.8k

    🧡 Turn your API spec into type-safe code. Generate TypeScript types, API clients, hooks, validators and mocks

  • tinybase by tinyplex · ⭐ 5.2k

    A reactive data store & sync engine.

  • shadcn-ui-mcp-server by Jpisnice · ⭐ 3.0k

    A mcp server to allow LLMS gain context about shadcn ui component structure,usage and installation,compaitable

  • mcp-for-beginners by microsoft · ⭐ 17.5k

    This open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cr

  • plate by udecode · ⭐ 16.7k

    Rich-text editor with AI and shadcn/ui

  • E2B by e2b-dev · ⭐ 14.5k

    Open-source, secure environment with real-world tools for enterprise-grade agents.

More MCP Server Tools

Explore other popular mcp server tools:

View all MCP Server tools →

Popular TypeScript Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse MCP Server tools