# 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 is 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](https://xiry.app/topics/development.md)
- Topic: [AI Prompts](https://xiry.app/topics/ai/ai-prompts.md)
- 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, 10 October 2026](https://x.com/MengTo/status/2108924473265275003): A ready-to-paste prompt that turns the repo's 200+ shaders into a browsable list with previews for a specific website.

## Related

- [agency-agents](https://xiry.app/resources/agency-agents): Curated library of specialized AI agent personas and workflows for Claude Code (GitHub repo, Open source)
- [Senior Product Manager PRD Prompt](https://xiry.app/resources/prd-prompt-for-llms): System prompt to convert rough software ideas into structured, agent-ready PRDs (Prompt, Free)
- [15 ChatGPT Prompts by Topic (Atul Kumar)](https://xiry.app/resources/15-chatgpt-prompts-by-topic-atul-kumar): A cheat sheet of 15 business and marketing prompts for ChatGPT. (Prompt, Free)
- [5-Year Life Prediction Prompt Sequence](https://xiry.app/resources/5-year-life-prediction-prompt-sequence): Three-step transactional analysis prompt sequence for forecasting your future life trajectory (Prompt, Free)
- [9 ChatGPT Prompts for Accelerated Learning](https://xiry.app/resources/9-chatgpt-prompts-for-accelerated-learning): A collection of reusable ChatGPT prompts designed for studying and mastering topics (Prompt, Free)
- [Absolute Mode](https://xiry.app/resources/absolute-mode): A system prompt that removes conversational fluff and engagement-seeking behaviors from LLMs (Prompt, Free)

Updated 11 October 2026. Page: https://xiry.app/resources/prompt-extract-shader-previews-from-github-repo

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.