The open skill library

Agent skills.
Better builds.

Practical web development guidance for your coding agent. From the first line of HTML to the last GPU draw call.

22 practical skillsReadable MarkdownMIT licensed

your-project / terminal
READY WHEN YOU ARE

One command. Every skill.

bunx skills add shreyam1008/shre-skills --skill '*'

Use bunx with Bun installed. Run in your project, then choose your coding agent. The skills CLI also uses Node.js.

bunx selected · applies to every command below

Prefer to start with one? See install options

PICK WHAT YOU NEED

The skill library 22

22 skills. Six categories. Copy a prompt for one-off use without installing a skill, or install the guidance for ongoing work.

Web foundations 8

Build a solid base: markup, styles, code, workflow, and security.

  • FoundationsMarkdown

    Ask, don't assume

    Clarify consequential choices, preserve settled decisions, and run one assumptions review before material changes.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill ask-dont-assume
  • FoundationsMarkdown

    Review & simplify code

    Find correctness and maintenance problems, then simplify the code while preserving its contracts.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill code-quality
  • FoundationsMarkdown

    Modern CSS

    Build responsive layouts with Grid, container queries, design tokens, and a predictable cascade.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill css
  • FoundationsMarkdown

    Database guardrails

    Plan database changes through explicit approval, minimal schemas, programmatic migrations, and justified indexes.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill database-guardrails
  • FoundationsMarkdown

    Git workflows

    Keep history readable, resolve conflicts carefully, and recover from mistakes.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill git
  • FoundationsMarkdown

    Semantic HTML

    Give pages solid structure with accessible forms, native controls, and useful metadata.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill html
  • FoundationsMarkdown

    JavaScript & TypeScript

    Handle async work, data, types, and browser APIs without the common footguns.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill javascript
  • FoundationsMarkdown

    Web security

    Protect trust boundaries with validation, authorization, safe output, and secure defaults.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill security

React & ecosystem 2

Build components, connect data, and keep rendering efficient.

  • React correctness & performance

    Build reliable components and diagnose slow renders, effects, state, and data loading.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill react-best-practices
  • The TanStack toolkit

    Connect query caches, route data, forms, tables, and virtual lists with less glue code.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill tanstack

Performance & offline 4

Make the web faster, fresher, and more resilient.

  • PerformanceMarkdown

    Browser DevTools

    Use native agent-browser with Chrome for requests, storage, traces, and React inspection; expand relevant evidence with DevTools when needed.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill browser-devtools
  • PerformanceMarkdown

    Caching

    Keep data fresh across browser, CDN, service worker, and application caches.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill caching
  • PerformanceMarkdown

    Service workers & PWAs

    Make offline behavior, cache ownership, and application updates work together.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill service-worker
  • PerformanceMarkdown

    Web performance

    Improve loading, Core Web Vitals, and frame times by measuring the work that matters.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill web-performance

Interface design 1

Create clear, consistent interfaces that work for more people.

  • Web interface design

    Create coherent visual systems and review hierarchy, interaction states, accessibility, and responsive behavior.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill web-design-guidelines

Graphics & compute 6

Choose a renderer, build 3D scenes, and put the GPU to work.

  • GraphicsMarkdown

    Choose your renderer

    Find the right path through DOM, SVG, Canvas, GPU, and WASM for your workload.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill low-level-web-rendering
  • GraphicsMarkdown

    React Three Fiber

    Create efficient 3D scenes with sensible frame loops, reusable assets, and fewer draw calls.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill react-three-fiber
  • GraphicsMarkdown

    vgpu: shaders & 3D

    Build expressive GPU visuals with Vercel’s vgpu: shaders, materials, 3D scenes, and responsive effects.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill vgpu
  • GraphicsMarkdown

    Rust & WebAssembly

    Move demanding computation to WASM and keep memory transfers under control.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill wasm-rust
  • GraphicsMarkdown

    WebGL

    Take control of shaders, geometry, textures, and draw calls with a reliable GPU foundation.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill webgl
  • GraphicsMarkdown

    WebGPU

    Build modern rendering and compute pipelines with capability checks and usable fallbacks.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill webgpu

Native integration 1

Connect web interfaces with the Windows desktop.

  • WebView2 & WinUI

    Bring web interfaces into Windows apps with local assets and a secure messaging boundary.

    USE ONCE
    View 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.

    INSTALL SKILL
    bunx skills add shreyam1008/shre-skills --skill webview2-winui

UPSTREAM COMPANION

Modern Web Guidance

Google Chrome's feature-level guidance complements this focused library. We track the pinned source and route it through the existing HTML, CSS, JavaScript, performance, design, and security skills.

READABLE BY DESIGN

For people. And their agents.

Browse the library here, read the original Markdown, or let your agent discover the full catalog. No account needed.