shaders

WebGPU 组件库，支持 React、Vue、Svelte、Solid 和 JavaScript。

MCP编程与开发开源

形态: MCP
传输协议: http
是否开源: 是
GitHub Stars: ★ 3.7k
收录来源: mcp-github
仓库: github.com/shader-effects-inc/shaders

能力说明

Shaders 是一个 WebGPU 组件库，提供了超过 200 种效果组件，如渐变、噪声、玻璃、金属、光线、扭曲、过渡、模糊和光标效果。这些组件可以嵌套、混合和遮罩。Shaders 提供了一个设计编辑器，可以在无限画布上设计效果，并导出为框架代码。支持 React、Vue、Svelte、Solid 和 JavaScript，具有 TypeScript 支持和优化的生产级性能。通过 MCP 服务器或 Agent Skill，AI 可以使用 Shaders 设计和编辑效果。

能力点

▪200+ WebGPU 效果组件
▪支持 React、Vue、Svelte、Solid 和 JavaScript
▪设计编辑器导出代码
▪TypeScript 支持
▪生产级性能优化

适用场景

Web 应用中的视觉效果设计前端开发中的图形处理AI 辅助的图形设计

接入方式

依赖：API KeyNode 环境

npx shaders@latest install-mcp 或 npx shaders skill

以上信息由 AI 基于公开资料整理，可能存在偏差，以来源为准。

常见问题

如何安装 Shaders？

使用 npm 安装：npm install shaders

Shaders 是否支持 TypeScript？

是的，Shaders 支持 TypeScript 并提供类型定义。

相关 Skill

mcpc

最兼容的 MCP CLI 客户端，支持多种 MCP 操作。

MCP

sast-skills

将你的AI编码助手转变为SAST扫描器，自动检测代码中的漏洞。

Agent Skill

Lightswind-UI-Library

AI 原生的 CLI 首发 React 组件库，支持 MCP Server。

MCP

scientific-agent-skills

将任何AI代理转变为科学助手，提供147种即用型科研技能。

Agent Skill

susi_alexa_skill

通过 Alexa 与 Susi AI 进行问答交互的技能。

Agent Skill

claude-context

为 Claude Code 提供代码搜索能力，使整个代码库成为上下文。

MCP