# shre-skills > 22 open-source, MIT-licensed agent skills for web development and native web integration. Each skill is readable Markdown with YAML name and description metadata. Choose only the skills relevant to your task. A SKILL.md may link to optional local references; read those only for the matching task. ## One-off use Every catalog card has a Copy prompt action. Paste the prompt into your coding agent and replace its task placeholder. No skill installation is needed; the prompt links the public guidance. Browser, project, or platform tools required by the task still need to be available. ## Installation Install every skill: `bunx skills add shreyam1008/shre-skills --skill '*'` npm alternative: `npx skills add shreyam1008/shre-skills --skill '*'` ## Catalog - [Browse categories](https://skills.shreyam1008.com.np/): Human-readable catalog with search, one-off prompts, and install commands. - [Machine-readable catalog](https://skills.shreyam1008.com.np/skills.json): Every skill's description, category, prompt, URLs, and both installation commands. - [Source repository](https://github.com/shreyam1008/shre-skills): Installation options, history, credits, and license. - [Browser DevTools: usage guide](https://skills.shreyam1008.com.np/browser-devtools/): Install, prerequisites, and a focused example. ## Web foundations - [ask-dont-assume](https://skills.shreyam1008.com.np/skills/ask-dont-assume/SKILL.md): Clarify consequential choices, preserve settled decisions, and run one assumptions review before material changes. One-off prompt: Carry out this task after resolving consequential unknowns: [Describe the task or paste the relevant code/URL]. Separate facts, settled decisions, and assumptions; ask only about unresolved choices that materially affect the result. Once those choices are settled, complete the requested work and report the result and verification. For detailed guidance, read https://skills.shreyam1008.com.np/skills/ask-dont-assume/SKILL.md and only needed linked references; apply it without installing the skill. - [code-quality](https://skills.shreyam1008.com.np/skills/code-quality/SKILL.md): Find correctness and maintenance problems, then simplify the code while preserving its contracts. One-off prompt: Review or simplify this code as requested: [Describe the task or paste the relevant code/URL]. Trace behavior and callers, check meaningful failure paths, and preserve public contracts. Return prioritized actionable findings or a minimal refactor with relevant verification. For detailed guidance, read https://skills.shreyam1008.com.np/skills/code-quality/SKILL.md and only needed linked references; apply it without installing the skill. - [css](https://skills.shreyam1008.com.np/skills/css/SKILL.md): Build responsive layouts with Grid, container queries, design tokens, and a predictable cascade. One-off prompt: Implement or fix the CSS for: [Describe the task or paste the relevant code/URL]. Preserve the intended design, address layout and cascade at their cause, and verify responsive sizing, overflow, focus, and reduced motion where relevant. Return the focused change and checks performed. For detailed guidance, read https://skills.shreyam1008.com.np/skills/css/SKILL.md and only needed linked references; apply it without installing the skill. - [database-guardrails](https://skills.shreyam1008.com.np/skills/database-guardrails/SKILL.md): Plan database changes through explicit approval, minimal schemas, programmatic migrations, and justified indexes. One-off prompt: Plan this database change from repository schemas and migration files: [Describe the task and provide relevant schema/migration files]. Propose the smallest design, justified indexes, versioned migrations, verification, and recovery. Access or change a database only when its exact target, operation, and scope are explicitly authorized. For detailed guidance, read https://skills.shreyam1008.com.np/skills/database-guardrails/SKILL.md and only needed linked references; apply it without installing the skill. - [git](https://skills.shreyam1008.com.np/skills/git/SKILL.md): Keep history readable, resolve conflicts carefully, and recover from mistakes. One-off prompt: Inspect this Git task and provide safe next steps or perform the requested operations: [Describe the task and identify the repository/branch]. Preserve unrelated changes and intended behavior; do not discard work, rewrite shared history, or publish without specific authorization. Report the resulting state and verification. For detailed guidance, read https://skills.shreyam1008.com.np/skills/git/SKILL.md and only needed linked references; apply it without installing the skill. - [html](https://skills.shreyam1008.com.np/skills/html/SKILL.md): Give pages solid structure with accessible forms, native controls, and useful metadata. One-off prompt: Implement or correct the HTML for: [Describe the task or paste the relevant code/URL]. Use semantic structure, named native controls, accessible forms, and appropriate head metadata. Preserve intended behavior and verify keyboard interaction and relevant document states. Return the focused change and checks performed. For detailed guidance, read https://skills.shreyam1008.com.np/skills/html/SKILL.md and only needed linked references; apply it without installing the skill. - [javascript](https://skills.shreyam1008.com.np/skills/javascript/SKILL.md): Handle async work, data, types, and browser APIs without the common footguns. One-off prompt: Implement or debug this JavaScript/TypeScript logic: [Describe the task or paste the relevant code/URL]. Trace async work, data boundaries, state ownership, and cleanup; preserve public types and failure behavior. Return a minimal solution with checks for relevant races, invalid inputs, and errors. For detailed guidance, read https://skills.shreyam1008.com.np/skills/javascript/SKILL.md and only needed linked references; apply it without installing the skill. - [security](https://skills.shreyam1008.com.np/skills/security/SKILL.md): Protect trust boundaries with validation, authorization, safe output, and secure defaults. One-off prompt: Review the web security of: [Describe the authorized scope or paste relevant code]. Check input boundaries, authorization, contextual output encoding, sessions, and secret handling. Return evidence-backed priorities and minimal fixes with verification. Redact secrets; assess only authorized systems and do not change production or credentials without authorization. For detailed guidance, read https://skills.shreyam1008.com.np/skills/security/SKILL.md and only needed linked references; apply it without installing the skill. ## React & ecosystem - [react-best-practices](https://skills.shreyam1008.com.np/skills/react-best-practices/SKILL.md): Build reliable components and diagnose slow renders, effects, state, and data loading. One-off prompt: Implement or review this React component or interaction: [Describe the task or paste the relevant code/URL]. Check the installed React/framework versions, state and effect ownership, data loading, cleanup, and rendering cost where relevant. Preserve the selected stack and return focused changes or findings with interaction checks. For detailed guidance, read https://skills.shreyam1008.com.np/skills/react-best-practices/SKILL.md and only needed linked references; apply it without installing the skill. - [tanstack](https://skills.shreyam1008.com.np/skills/tanstack/SKILL.md): Connect query caches, route data, forms, tables, and virtual lists with less glue code. One-off prompt: Implement or debug this TanStack feature: [Describe the task or paste the relevant code/URL]. Use the project's selected libraries and installed versions. Check query identity, mutation reconciliation, loaders, URL state, or form/table behavior as relevant; preserve loading and error states. Return focused changes and interaction checks. For detailed guidance, read https://skills.shreyam1008.com.np/skills/tanstack/SKILL.md and only needed linked references; apply it without installing the skill. ## Performance & offline - [browser-devtools](https://skills.shreyam1008.com.np/skills/browser-devtools/SKILL.md): Use native agent-browser with Chrome for requests, storage, traces, and React inspection; expand relevant evidence with DevTools when needed. One-off prompt: Diagnose this Chrome app issue: [Paste the URL, reproduction steps, and expected behavior]. Use available native agent-browser and Google Chrome, reproduce the issue, and inspect relevant requests, console errors, storage, traces, or React components. Report the evidence, supported cause, and verification; state missing tool prerequisites. For detailed guidance, read https://skills.shreyam1008.com.np/skills/browser-devtools/SKILL.md and only needed linked references; apply it without installing the skill. - [caching](https://skills.shreyam1008.com.np/skills/caching/SKILL.md): Keep data fresh across browser, CDN, service worker, and application caches. One-off prompt: Diagnose stale content or define a caching policy for: [Describe the task or paste the relevant code/URL]. Identify the serving cache layer from evidence, protect private data, and recommend freshness, revalidation, and invalidation rules with a way to verify them. For detailed guidance, read https://skills.shreyam1008.com.np/skills/caching/SKILL.md and only needed linked references; apply it without installing the skill. - [service-worker](https://skills.shreyam1008.com.np/skills/service-worker/SKILL.md): Make offline behavior, cache ownership, and application updates work together. One-off prompt: Implement or debug this service-worker/PWA behavior: [Describe the task or paste the relevant code/URL]. Check lifecycle, offline routing, cache ownership, private-data exclusions, and update flow. Preserve other apps' caches and test upgrades, failed requests, and missing offline fallbacks. Return the focused change and verified behavior. For detailed guidance, read https://skills.shreyam1008.com.np/skills/service-worker/SKILL.md and only needed linked references; apply it without installing the skill. - [web-performance](https://skills.shreyam1008.com.np/skills/web-performance/SKILL.md): Improve loading, Core Web Vitals, and frame times by measuring the work that matters. One-off prompt: Diagnose this web performance issue: [Paste the URL, slow interaction, and target devices]. Establish a reproducible baseline, identify the dominant loading, scripting, layout, or paint cost, and recommend or implement requested focused fixes. Compare equivalent before/after scenarios and distinguish lab measurements from field Core Web Vitals. For detailed guidance, read https://skills.shreyam1008.com.np/skills/web-performance/SKILL.md and only needed linked references; apply it without installing the skill. ## Interface design - [web-design-guidelines](https://skills.shreyam1008.com.np/skills/web-design-guidelines/SKILL.md): Create coherent visual systems and review hierarchy, interaction states, accessibility, and responsive behavior. One-off prompt: Review or improve this web interface: [Describe the task or provide the relevant screen/URL]. Preserve branding and intended interaction. Inspect rendered hierarchy, themes, loading/error states, keyboard access, contrast, and narrow-screen behavior. Return findings by user impact and location, or implement the requested focused repairs and verify them. For detailed guidance, read https://skills.shreyam1008.com.np/skills/web-design-guidelines/SKILL.md and only needed linked references; apply it without installing the skill. ## Graphics & compute - [low-level-web-rendering](https://skills.shreyam1008.com.np/skills/low-level-web-rendering/SKILL.md): Find the right path through DOM, SVG, Canvas, GPU, and WASM for your workload. One-off prompt: Choose a rendering approach for: [Describe the workload, interaction, and target devices]. Compare DOM, SVG, Canvas, workers, WebGL, WebGPU, and WASM against the measured bottleneck. Recommend the least specialized suitable path, preserving semantics, accessibility, fallback, and recovery, with a validation plan. For detailed guidance, read https://skills.shreyam1008.com.np/skills/low-level-web-rendering/SKILL.md and only needed linked references; apply it without installing the skill. - [react-three-fiber](https://skills.shreyam1008.com.np/skills/react-three-fiber/SKILL.md): Create efficient 3D scenes with sensible frame loops, reusable assets, and fewer draw calls. One-off prompt: Build or optimize this React Three Fiber scene: [Describe the scene or paste the relevant code/URL]. Use compatible installed R3F/drei/Three versions, manage frame loops and resource ownership, and measure before optimizing draw calls or quality. Verify actual frames, resize behavior, and cleanup; report changes and results. For detailed guidance, read https://skills.shreyam1008.com.np/skills/react-three-fiber/SKILL.md and only needed linked references; apply it without installing the skill. - [vgpu](https://skills.shreyam1008.com.np/skills/vgpu/SKILL.md): Build expressive GPU visuals with Vercel’s vgpu: shaders, materials, 3D scenes, and responsive effects. One-off prompt: Implement or debug this Vercel vgpu visual: [Describe the effect or paste the relevant code/URL]. Resolve the selected package version and its matching docs. Preserve semantic UI, reduced motion, fallback, and resource cleanup; validate shaders and inspect real frames and relevant performance. Return the visual change and checks performed. For detailed guidance, read https://skills.shreyam1008.com.np/skills/vgpu/SKILL.md and only needed linked references; apply it without installing the skill. - [wasm-rust](https://skills.shreyam1008.com.np/skills/wasm-rust/SKILL.md): Move demanding computation to WASM and keep memory transfers under control. One-off prompt: Evaluate or implement Rust/WebAssembly for: [Describe the compute task or paste relevant code]. Measure CPU work and JS/WASM transfer costs, use compatible toolchain versions, and keep memory ownership and cleanup explicit. Verify output correctness, loading, and main-thread responsiveness; report whether WASM improves the workload. For detailed guidance, read https://skills.shreyam1008.com.np/skills/wasm-rust/SKILL.md and only needed linked references; apply it without installing the skill. - [webgl](https://skills.shreyam1008.com.np/skills/webgl/SKILL.md): Take control of shaders, geometry, textures, and draw calls with a reliable GPU foundation. One-off prompt: Implement or debug this raw WebGL/WebGL2 rendering task: [Describe the task or paste relevant code]. Inspect context capabilities, GLSL, buffers, textures, state, and measured draw cost. Preserve usable fallback and context-loss recovery; verify rendered output, resize behavior, and resource cleanup. Return focused changes and evidence. For detailed guidance, read https://skills.shreyam1008.com.np/skills/webgl/SKILL.md and only needed linked references; apply it without installing the skill. - [webgpu](https://skills.shreyam1008.com.np/skills/webgpu/SKILL.md): Build modern rendering and compute pipelines with capability checks and usable fallbacks. One-off prompt: Implement or debug this raw WebGPU/WGSL task: [Describe the workload or paste relevant code]. Check secure-context support, device features and limits, shader validation, and resource lifetime. Preserve fallback and device-loss recovery; verify actual output and measured cost on available target hardware. Return focused changes and verification limits. For detailed guidance, read https://skills.shreyam1008.com.np/skills/webgpu/SKILL.md and only needed linked references; apply it without installing the skill. ## Native integration - [webview2-winui](https://skills.shreyam1008.com.np/skills/webview2-winui/SKILL.md): Bring web interfaces into Windows apps with local assets and a secure messaging boundary. One-off prompt: Implement or debug this WebView2 integration in WinUI 3: [Describe the task or paste relevant native/web code]. Check initialization, local-asset mapping, navigation and message trust boundaries, lifecycle, and packaged assets. Verify affected interactions in the actual Windows app and report native/runtime and build evidence or unperformed checks. For detailed guidance, read https://skills.shreyam1008.com.np/skills/webview2-winui/SKILL.md and only needed linked references; apply it without installing the skill.