shadertoy 是做什麼的？
此技能適用於處理 Shadertoy 著色器、GLSL 片段著色器或為網頁創建程序化圖形。在編寫 .glsl 檔案、實作視覺效果、創建生成藝術或處理 WebGL 著色器程式碼時使用。此技能提供了 GLSL ES 語法參考、常見著色器模式以及 Shadertoy 特有的慣例。
此技能適用於處理 Shadertoy 著色器、GLSL 片段著色器或為網頁創建程序化圖形。在編寫 .glsl 檔案、實作視覺效果、創建生成藝術或處理 WebGL 著色器程式碼時使用。
此技能專為處理 Shadertoy 著色器、GLSL 片段著色器以及網頁程序化圖形而設計。當開發者需要編寫 .glsl 檔案、實作視覺效果、創建生成藝術或處理 WebGL 著色器程式碼時，此技能將提供全面的支援。它涵蓋了 GLSL ES 語法參考、常見的著色器模式以及 Shadertoy 特有的慣例，幫助開發者快速上手並提高效率。此技能可在支援 AI 代理的工具（如 Claude Code、Cursor 或 Codex）中使用，以提供即時的語法提示、模式參考和慣例說明。通過標準化的 SKILL.md 文件，AI 代理能夠準確理解並協助開發者完成從簡單的視覺效果到複雜的生成藝術作品等各類著色器相關任務，顯著降低學習曲線並提升開發體驗。
npx skills add https://github.com/bfollington/terma/tree/main/skills/shadertoyInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
此技能適用於處理 Shadertoy 著色器、GLSL 片段著色器或為網頁創建程序化圖形。在編寫 .glsl 檔案、實作視覺效果、創建生成藝術或處理 WebGL 著色器程式碼時使用。此技能提供了 GLSL ES 語法參考、常見著色器模式以及 Shadertoy 特有的慣例。
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.