Development · Prompt
Prompt: Extract Shader Previews From GitHub Repo
Prompt to extract component lists and preview images from a repository
A concise prompt pattern designed for AI coding assistants like Claude or Codex to catalog assets directly from a GitHub URL. It instructs the assistant to inspect a WebGPU shader repository and compile an inventory of shader names alongside their preview screenshots for website use.
The prompt
Prompt as written by Meng To (paste into Codex or Claude):
"https://github.com/shader-effects-inc/shaders Give me the list of the shaders and their screenshots so I can use for my website."
Pattern worth reusing: hand the agent a repo URL as the first token of the prompt, then state the output you want (names + visual previews) and the purpose (to use on your website).
What it's for
- Catalog UI components and visual assets directly from an open-source GitHub repository
- Extract screenshot URLs and asset names to populate a portfolio or landing page gallery
- Speed up asset discovery across large code libraries using an AI assistant
Key points
- URL-first prompt structure to ground the AI model on a specific repository context
- Requests both names and visual previews (screenshots) in a single output
- Defines the final application context (website integration) to optimize response formatting
- Compatible with web-capable LLMs like Claude and OpenAI Codex
Pricing
Free
Details
- Type
- Prompt
- Category
- Development
- Topic
- AI Prompts
- Open source
- No
- Platforms
- Web
- For
- Web developers and designers curating visual component libraries
- Tags
- prompt, webgpu, shaders, claude, codex, web design
Why it was saved
- @MengTo: A ready-to-paste prompt that turns the repo's 200+ shaders into a browsable list with previews for a specific website.
Related
Curated library of specialized AI agent personas and workflows for Claude Code
System prompt to convert rough software ideas into structured, agent-ready PRDs
A cheat sheet of 15 business and marketing prompts for ChatGPT.
Three-step transactional analysis prompt sequence for forecasting your future life trajectory
A collection of reusable ChatGPT prompts designed for studying and mastering topics
A system prompt that removes conversational fluff and engagement-seeking behaviors from LLMs
Updated