Web & Frontend

iart-ai Bundle

This skill should be used when the user asks "what are the specs for Instagram Reels / TikTok / YouTube / broadcast", "export settings for social", "what aspect ratio and bitrate", "how do I repurpose 16:9 to 9:16", "safe area / title-safe for vertical", "pre-delivery checklist", or "collect files for handover". It outputs per-platform spec sheets, a cutdown matrix, captioning/accessibility notes, and a QC + collect-files checklist.

iart-ai Bundle

This skill should be used when the user asks to "write motion guidelines", "create a brand motion system", "define easing and timing tokens", "document our animation principles", "build a motion language like Slack/IBM/Klarna", "set up entrance/exit/transition rules", or "add a reduced-motion / accessibility section". It outputs a fill-in-ready brand motion guidelines document.

igniteui Skill

Migrate from Grid Lite (IgrGridLite) to the premium Ignite UI for React Data Grid (IgrGrid) — imports, theme CSS, column and template API changes, sorting and filtering, remote data replacing dataPipelineConfiguration, and the toolbar/export APIs. Use when Grid Lite lacks a needed feature such as editing, selection, paging, grouping, summaries, pinning, or export.

imbue-ai Skill

Create HTML mocks for a new feature idea

imbue-ai Skill

Extract requirements document from HTML mock iteration

internet-development Skill

Keep www-sacred's TypeScript fast to type-check and fast to run. Use when touching the ASCII/canvas animation components (the only real per-frame code here), tightening type-check wall-clock, or auditing a change for runtime or compiler regressions. Scoped to this repo — a React 19 / Next.js 16 component library plus the zero-dependency Simulacrum CLI framework.

internet-development Skill

Skill: Port Sacred Terminal UI to a Hostile React Codebase

internet-development Skill

Skill: Port Sacred Terminal UI to React Using Same Conventions

jerryagenyi Bundle

API design patterns and REST conventions. Use for any API work - endpoint design, response formats, error handling, pagination, status codes. Contains learned preferences for Laravel and Next.js API patterns.

jerryagenyi Bundle

Coding conventions and style preferences. Use for any code generation - TypeScript, JavaScript, PHP, naming conventions, async patterns, testing patterns. Contains learned preferences for Laravel/PHP and Vue/Next.js/TypeScript.

jerryagenyi Bundle

UI/UX patterns and conventions for this project. Use for any frontend work - components, layouts, styling, notifications, forms. Contains learned preferences for Quasar/Vue or Next.js/React patterns.

gkurt Skill

Core Native SDK guide for AI agents. Read this before explaining the Native SDK or changing a Native SDK app. Covers the mental model (native-rendered apps by default, WebView shells as a coexisting architecture), project structure, app.zon, App and Runtime patterns, frontend integration, web engines, JavaScript bridge commands, permissions, windows, WebViews, dialogs, packaging, debugging, testing, and when to load deeper references. For authoring native-rendered UI (Native markup .native views, Model/Msg/update, UiApp), load the native-ui skill. Use when the user asks what the Native SDK is, how to build or modify an app, how to package or debug it, or how to add native capabilities.

gkurt Bundle

Authoring guide for TypeScript app cores - Model, Msg, update, and the pure functions they call, written in the closed app-core subset, checked by the @native-sdk/core frontend, and compiled ahead-of-time to native code by the external core compiler. Use when writing or modifying a src/core.ts app core, fixing subset checker errors (NS1001-NS1060), or deciding how to express state, messages, text (bytes and the byte-text string methods), text input, continuous controls (sliders, scroll), effects (Cmd), subscriptions (Sub), the host-event wiring channels (frameMsg, keyMsg, appearanceMsg, chromeMsg, envMsgs, app.zon assets), derived values, the view_unbound lint opt-out, local mutation of owned arrays, or how to split a core into modules under src/ (relative imports, namespace imports, @native-sdk/core/text, @native-sdk/core/events).

gogetagans Skill

Skill experta en Diseño, Accesibilidad (A11y) y Experiencia de Usuario.

gogetagans Skill

Skill experta en desarrollo Frontend con React, TypeScript y Tailwind CSS.

goncy Bundle

Provides expert guidance on Next.js caching behavior, including use cache directive, revalidation strategies, ISR patterns, and common pitfalls. Use when working with Next.js caching, revalidatePath, revalidateTag, use cache, connection(), unstable_cache, or debugging cache behavior in Next.js applications.

goncy Skill

Provides expert guidance on Next.js rendering behavior, including static vs dynamic rendering, streaming, Suspense boundaries, cache components, and the prospective render system. Use when working with Next.js SSG, ISR, streaming, server components, or debugging rendering modes.

goncy Skill

Provides expert guidance on Next.js App Router navigation, prefetching behavior, Link component configuration, and client-side state preservation. Use when working with Next.js navigation, Link prefetching, Suspense boundaries during navigation, App Router routing, or PageProps typing.

googlechrome Skill

Guidance for working on the Lit-based frontend, Shoelace widgets, and client-side routing in chromium-dashboard.

googlechrome Skill

How to add a new field to a feature across the entire stack (Data, API, and Frontend).

gtn1024 Skill

Guide to frontend plugin development including page registration (NamedPage, AutoloadPage), Nunjucks templates, UI injection, and internationalization (i18n). Build interactive frontend features for Hydro plugins.

guildshelf Bundle

Capture a real user demonstration of a web workflow (browser DevTools HAR export, or your agent runtime's own network reader) and turn it into a redacted endpoint draft, so automation is built from observed traffic instead of guessed APIs. Use when automating an internal tool, legacy SPA, or vendor portal that has no API docs; when guessed endpoints keep returning 401/403 or HTML instead of JSON; or when the user says "watch me do it once", "let me show you the steps", or "record what I click". Not for: services with documented public APIs (read the docs instead), bypassing CAPTCHAs, bot detection, or logins you are not authorized to use, scraping sites against their terms, generating UI test suites, or mobile-app reverse engineering. The Playwright capture harness, session-preservation (CDP attach), replay scaffold generator, and batch-hardening patterns are in the full Learn-by-Demo.

halflength-ampleness75 Skill

React Patterns

haliphax-ai Bundle

Interact with the OpenClaw Canvas web server for visual UI surfaces. Use when pushing A2UI JSONL dashboards, serving static HTML/CSS/JS files, querying canvas state from the SQLite cache, or switching between iframe and A2UI rendering modes. Covers session-scoped canvas URLs, static file storage, JSONL persistence, and all available A2UI components.

hectorai-live Skill

Use ONLY when the user explicitly asks to run an "SQP analysis", "search query performance analysis", "SQP report", or "search query report" for a named brand or Amazon Ads profile. Trigger phrases include "run SQP analysis for X", "do an SQP report for X", "search query performance for X", "analyse SQP for X", and close paraphrases where "SQP" OR "search query performance" co-occur with a brand name or account. Builds a 6-tab HTML dashboard (Tab 0 = cover/summary, Tabs 1–5 = analysis) and an Excel workbook (5 data sheets) covering: Movers & Shakers (WoW search-volume trend), Top Keywords (brand funnel snapshot), Scale-Up Keywords (dynamic IS% threshold based on brand average), AOV Gap Analysis (brand AOV vs category AOV gap ≥15%), and Funnel Drop-Off (brand funnel stage classification). Token-efficient by design: pulls ONLY the 10 metrics the outputs use, applies server-side metric_filters to drop long-tail terms before they enter context, reads file-offloaded tool results from disk instead of re-transcribin

hectorai-live Skill

Use ONLY when the user explicitly asks to run a "brand ads audit", "ads audit", "advertising audit", or "brand advertising audit" for a named brand or Amazon Ads profile. Trigger phrases include "run an ads audit for X", "run a brand audit for X", "do an advertising audit on X", "audit X's Amazon ads", and close paraphrases where "audit" + ("ads" OR "advertising" OR "brand") co-occur. Builds a 5-pillar HTML slide deck (Account Overview, Bleeding, Harvesting, Headroom, Placement + Strategy) via Hector MCP and renders 1280×720 slides. Does NOT fire on conversational mentions of audits, on bid-lookup or date-resolution requests, on questions about audit methodology without an account named, or on requests to edit this skill. ALWAYS asks precursor questions (account+country, date range, comparison toggle, focus ASINs, currency-override) before any MCP call.

hilmifawwazsaad Skill

Design and generate external backend API code (any language/framework — Go, Rust, Python, PHP, JavaScript, Ruby, etc.) that serves a Next.js JSX frontend. Use for API endpoints, auth, validation, and data modeling on a separate backend server.

hilmifawwazsaad Skill

Generate production-grade Next.js (App Router) JSX code. Use for components, pages, layouts, and utilities — pure UI, no DB or server logic.

hilmifawwazsaad Skill

Build fullstack features in a single Next.js (App Router) JavaScript project — spanning UI, Route Handlers, Server Actions, and/or DB. Not for pure UI (use frontend skill) or external API servers (use backend skill).

hilmifawwazsaad Skill

Baseline design philosophy for distinctive, production-grade UI. Use when visual quality and aesthetic direction matter — components, pages, layouts, styling. Extends frontend skill — all frontend rules still apply.

hilmifawwazsaad Skill

Engineering principles for all code in this Next.js JavaScript project. Required reading before any code generation.

hit-pay Bundle

Integrate HitPay payment gateway for online payments in Next.js and JS/TS applications. Use when user says "Add HitPay", "HitPay checkout", "HitPay payments", "PayNow integration", "HitPay integration", "payment gateway", or "accept payments".

hotwired-laravel Skill

Basics of developing with Turbo Laravel. Activates when starting a new Turbo Laravel project; using dom_id, dom_class, turbo_stream(), or turbo_stream_view() helpers; working with Blade components like x-turbo::frame, x-turbo::stream, x-turbo::stream-from, or x-turbo::refreshes-with; using @domid, @domclass, @channel, or @turbonative directives; checking wantsTurboStream(), wasFromTurboFrame(), or wasFromHotwireNative() request macros; or when the user mentions Hotwire, Turbo, HTML over the wire, or partial page updates.

hotwired-laravel Skill

Develops with Turbo Frames for scoped navigation and lazy loading. Activates when using the x-turbo::frame Blade component or turbo-frame HTML element; working with data-turbo-frame targeting, frame lazy loading via src attribute, or data-turbo-action for URL updates; detecting frame requests with wasFromTurboFrame(); using frame morphing with refresh="morph"; or when the user mentions Turbo Frame, turbo frame, scoped navigation, inline editing, lazy loading frames, or breaking out of a frame with _top.

kostja94 Skill

Sets up and integrates OpenBlog — a Git-based blog CMS module for product sites (Markdown, Next.js, theme, chrome, sitemap/RSS). Routes agents to integrate on an existing site or scaffold greenfield. Use when the user mentions blog CMS, OpenBlog, /blog on a product site, headless blog, Git-backed blog, or create-openblog.

kunchenguid Skill

Turn complex or visual agent responses into rich, reviewable HTML artifacts the user can annotate and send feedback on, using the lavish-axi CLI. Use when about to give a plan, comparison, diagram, table, code diff, report, or anything easier to grasp visually than as prose.