Web & Frontend

gadget-inc Bundle

Best practices for building Gadget apps. Use for Gadget-specific models, fields, actions, routes, access control, Shopify/BigCommerce integrations, frontend patterns, API client usage, internal API usage, webhooks, background jobs, testing, deployment, ggt CLI workflows, environment sync, logs, problems, and parallel agent development loops.

gainubi Bundle

把访谈、播客、公众号长文、课程稿或复盘材料整理成横向翻页的 HTML 笔记幻灯片。默认保留材料原顺序，追踪问题、判断、例子、数字和概念原词，直接交付单文件 note slides。

galangster Bundle

Convert Paper designs into production-ready websites with animations. Use when the user wants to build a website from a Paper design, convert Paper frames to code, implement a landing page from Paper, or says "build this from Paper", "convert my Paper design", "paper to code". Reads designs via Paper MCP, generates React + Tailwind + Framer Motion code with responsive breakpoints and polished scroll animations.

galikkkk Bundle

自动将原型代码转化为带智能标注卡片的静态 HTML 长页面，支持需求自动提炼与零删减还原。

gbasin Bundle

Detect and diagnose visual jank in React UIs. Covers two modes -- static analysis of code patterns that cause flicker, layout shift, and flash of intermediate state (for pre-merge review or preventive sweeps), and runtime investigation of specific visual symptoms (flicker, blink, jump, stutter, remount churn, scroll reset, post-paint correction). Use when the user mentions jank, something feeling off, flashing, blinking, layout shifting, full repaints, or wants a render stability audit.

gdsfactory Bundle

Expert photonic IC designer using gdsfactory. ALWAYS use this skill for ANY task involving silicon photonics, photonic integrated circuits (PICs), GDS layout design, or component visualization. Trigger this skill whenever the user mentions photonic components (waveguides, MMIs, rings, gratings, MZIs), layout design, or asks to "design", "generate", "visualize", "tweak", or "assemble" photonic structures. Do not wait for an explicit mention of "gdsfactory" – if the task involves photonic layout or PICs, this is the required tool.

geekjourneyx Bundle

将任意文本、网页或 URL 转成可直接发布的 HTML 信息卡片。 适合把文章、线程、论文、观点、数据摘要做成适合微信、小红书、X 发布的图片卡。 当用户提到“信息卡、卡片摘要、文章配图、内容提炼、社交分享图、把链接做成卡片、生成海报式摘要”时优先使用本技能。

geekjourneyx Bundle

Creates validated mobile-first editorial card sets from user-provided topics, outlines, articles, or raw notes. Use for Xiaohongshu/Rednote carousels, WeChat article images, social graphics, self-media explainers, HTML-to-PNG cards, strong covers, CardPlan/ColorPlan planning, design-system guided layouts, and visual quality checks.

geekjourneyx Bundle

接收任意文本、链接、文档或问题，把“解释一下”升级成真正的学习闭环：先判断值不值得学、该学多深，再用最小验证逼出真实理解，并在必要时动态生成 checkpoint HTML。只要用户明显想“学懂”“吃透”“带我学”“帮我验证我是不是真懂了”，而不是只要摘要、改写或普通解释，就应主动使用本技能。也适用于用户想导出学习卡片、checkpoint 页面、复盘页、学习状态页的场景。

geekjourneyx Skill

Manages md2wx CLI for converting Markdown to WeChat Official Account drafts. Use when working with WeChat article publishing, Markdown to HTML conversion, or WeChat media upload.

geekjourneyx Bundle

Use when the user needs to visualize in-flight thinking — design exploration, architecture sketching, comparing approaches, mapping concepts, or any moment when showing beats describing. Creates a live, browser-based HTML/SVG canvas with instant reload. Trigger when the user says "draw", "visualize", "show me", "diagram", "canvas", "sketch", "compare visually", "画", "可视化", "图", "流程图", "架构图", "思维导图", or when a conversation grows abstract and a visual would unblock it. Also trigger proactively when brainstorming, idea-refine, or planning reaches a decision point that a visual would clarify.

geekjourneyx Bundle

动画后期剪辑与导出 skill。接收现成动画 HTML、母版 MP4、单首音乐或音乐目录，稳定导出无音乐母版、60fps 版、GIF、单曲成片和批量音乐版本。只要用户提到导出视频、导出 MP4、批量换音乐、取中间音乐、做多个版本、转 GIF、导出 60fps、给动画换 BGM，尤其是在使用 huashu-design 之后，都应该使用这个 skill。

gemini-testing Bundle

Use when the user wants to write, debug, or inspect Testplane end-to-end/component tests, work with a Testplane HTML report, inspect Time Travel snapshots, use Testplane CLI/MCP browser tools, or interact with a web app through Testplane.

gen-chart Bundle

Create polished, validated charts as a self-contained interactive HTML artifact or standalone SVG. In callers that display local Markdown images, also create an inline PNG preview. Interactive HTML includes dark/light themes, crosshair tooltips, legend toggling, and honest-by-construction axes. Accept pasted data (CSV/TSV/JSON/markdown tables), data files in the workspace, or plain-language descriptions with numbers. Use when the user asks to chart, graph, plot, or visualize data, metrics, or trends — line, bar, area, range, scatter, bubble, horizontal diverging bar, pie/donut, histogram, boxplot, or heatmap — or to beautify an existing chart.

genapohub Bundle

前端高级开发工程师方案产出指南。当用户提出前端开发需求、需要产出技术方案时触发。覆盖场景：前端项目搭建、功能模块开发、Bug修复、框架升级迁移、技术选型预研。先识别需求属于5类场景中的哪一类（0到1新前端项目/中大型功能开发/小优化Bug修复/大版本技术升级/技术预研选型），再按对应场景的产出清单生成完整的技术方案文档（架构设计/组件设计/状态管理/路由/性能方案/测试策略/CI-CD等）。触发词：前端开发、前端架构、前端项目、组件设计、状态管理、性能优化、框架升级、前端技术选型、Web开发、H5开发。

george4data Bundle

Build and maintain an Open Knowledge Format (OKF v0.2) knowledge bundle for a codebase under ./docs/knowledge — architecture, subsystems, domain rules, interfaces, data, workflows and decisions as linked markdown concepts with provenance anchored to real source lines, plus a graph.json for agents and a viz.html for humans. Use when asked to "okf create", "okf update", "okf verify", "okf viz", to document a codebase for agents, to build a knowledge graph or knowledge base of a repo, to refresh repo knowledge after changes, to retrieve task-focused context from an OKF bundle, or to check whether existing docs still match the code.

georgejeffers Bundle

Alchemy IaC framework for TypeScript. Use when the user mentions Alchemy, wants to set up infrastructure, deploy Cloudflare Workers, configure databases, KV, R2, queues, use bindings and secrets, set up dev mode, use framework adapters (Vite, Astro, React Router, SvelteKit, Nuxt, TanStack Start), create custom resources, or work with any Alchemy provider.

thanane15m Bundle

Guides safe, version-aware use of Scrapling for HTML extraction, adaptive selectors, static or browser-backed fetching, spiders, proxy rotation, robots.txt-aware crawling, and MCP integration. Use when choosing a Scrapling fetcher/session, building a crawl, repairing selectors after site changes, migrating from BeautifulSoup/Scrapy, or validating Scrapling API usage against the repository's pinned upstream version.

theadamlabs Bundle

Conducts deep, multi-step research on any topic by decomposing queries into a parallel execution plan, accumulating structured evidence with confidence levels, and saving output as a browsable dashboard.html in a timestamped directory. Use when the user asks to research, investigate, analyze, compare, or deep-dive a topic - especially business ideas, markets, competitors, technologies, or complex questions that require synthesizing multiple sources.

tissue-for-charlie Bundle

当你需要制作、修改、评审简历、针对目标岗位做 JD 匹配度扫描、或预测面试官追问时触发此技能——包括从零生成简历、优化现有简历、从对话历史中自动提取信息来完善简历、对已有简历做目标 JD 命中率分析、以及基于简历内容预测面试高频问题并生成可交互 HTML Q&A。支持中英文、全行业（15 个内置行业矩阵 + 未覆盖行业通用策略自动推导）、全职级（实习/校招/社招），支持 DOCX / HTML / LaTeX / Markdown 多格式输出，内置内容质量自检机制。不要用于编造经历或简历自动投递。

tombener Bundle

Automate DEVONthink on macOS via JXA (JavaScript for Automation) and Python. Use this skill when: - Creating, searching, organizing, or managing records in DEVONthink databases - Working with documents, notes, bookmarks, groups, PDFs, or web archives - Adding/removing tags, moving/duplicating/replicating records - Converting documents between formats (markdown, PDF, HTML, rich text) - Importing files/URLs or exporting records - Using DEVONthink's AI features (classification, similarity, summarization) - Querying record metadata, content, or properties - Looking up citation keys from bibliography JSON exports - Finding DEVONthink records by citation key Triggers: "DEVONthink", "DT3", "DEVONthink database", "organize documents", "document management", "citation key", "bibliography", "Zotero"

vertaaux Bundle

Run and operationalize VertaaUX UX, accessibility, and conversion audits across CLI, CI/CD, SDK, API, and MCP. Use when the user needs to audit a URL, investigate WCAG issues, set quality gates, compare audit runs, select an audit profile, or generate remediation plans from VertaaUX results.

virdis-agency Bundle

Audit a URL with Google PageSpeed Insights and apply concrete speed fixes to the current working directory. Detects stack (Next.js, Vite, Astro, SvelteKit, Nuxt, WordPress, plain HTML), maps PSI audits to remediation steps via audits.md, applies stack-specific recipes from playbooks.md, and verifies with a post-apply re-audit. Plan-then-apply by default: never edits without user approval unless `--apply` is passed.

waybox-ai Bundle

Generate North American road-trip itineraries as a map-first, offline-friendly single-file HTML page. Plans around daily driving segments, overnight stops, fuel/EV-charging, national-park reservations (Recreation.gov / NPS), seasonal road closures, and timezone/border crossings — for executable, decision-ready trips. Two entry modes: give a start + region/destination + days and it plans the whole route, or hand it an existing route and it verifies, fills gaps, and produces the page.

wunderlandmedia Bundle

Production readiness audit that turns a demo into a real product. Built for apps shipped fast with AI coding tools (Lovable, Bolt, v0, Cursor, Claude Code). Auto-detects your stack and audits 5 domains (Frontend, Backend & Data, Auth & Security, Infrastructure, Operations), then produces a scored scorecard and a prioritized punch list with exact file paths and copy-paste fixes. Use before you go live, or on an app that is already live, when the user says "harden this", "is this production ready", "is this safe to launch", "will this survive real users", "audit my app", "turn this into a product", "production audit", "is my supabase secure", or wants to go from demo to production.

xmm17879829028 Bundle

Online HTML viewer, HTML runner, HTML test tool with real-time two-way code-element highlight. Click code to highlight preview element, click element to jump back to code. Ideal for HTML beginners.

yelloworz Bundle

Create bilingual versions of research papers as interleaved HTML and paginated PDF, translating the original text into a selected target language with one whole-paper model context while preserving formulas, figures, tables, references, and links. Use when the user provides an arXiv title, ID, or URL; a DOI or official paper page; a direct PDF URL; a local PDF; or local HTML. Prefer arXiv HTML, then arXiv TeX, then the official PDF; convert other PDFs to HTML with Docling. The target language defaults to Simplified Chinese.

yijiaduan Bundle

通过固定 10 个开放式问题，与用户逐题对话，建立一份“个人运行模型”。以经典人格框架（大五人格、暗黑三合一）打底，覆盖认知与决策方式、动机与行动、感情与亲密关系、信息与社交，以及专业与职业适配。最后以「自我图谱」风格同时输出 HTML、Markdown、PDF 三种格式的报告：给出 3–5 个核心运行机制，并把职业建议细化到具体岗位、把感情建议细化到“适合找什么样的另一半”。本 Skill 不是心理诊断，也不把用户简单归类为某一种人格类型。

davaded Bundle

Use when Codex is asked to create or improve a frontend surface that should feel beautiful, premium, polished, coherent, or product-grade. Applies to new UI built from requirements, web apps, dashboards, landing pages, mobile UI, embedded displays, car/head-unit UI, design-system refreshes, UI redesigns, and rough/demo UI that must become a refined real product. Use when the task needs visual hierarchy, art direction, interaction feel, motion/animation, 3D or model-based visual experiences, component craft, responsive/cross-device presentation, or DESIGN.md visual memory.

davertor Bundle

Turn a YouTube video, a web article, or several sources at once into one set of didactic study notes, written as a self-contained HTML page under ~/take-notes/html_reports and opened in the browser.

davidwang960707-gpu Bundle

PageTurner Skill / 翻书人 Skill — 你的私人文档翻译+精排版专家。PDF / 网页 → 提取全文 → 结构化解析 → 中文翻译 → Apple 极简风 HTML 快速阅读页面。适用于研究报告、白皮书、长文、技术文档。

davila7 Skill

Builds an interactive HTML dashboard visualizing the Agent Skills ecosystem by fetching live data from github.com/agentskills/agentskills. Use this skill whenever the user wants to explore, research, or visualize Skills architecture, the SKILL.md spec, ecosystem adoption, repo stats, or any Skills intelligence dashboard. Trigger when the user mentions "skills dashboard", "skills ecosystem", "skills architecture overview", "agentskills repo", or wants to analyze how different tools implement Agent Skills. Optimized for Perplexity Computer — Computer fetches all data live, no static files required.

davis7dotsh Bundle

Publish polished, shareable HTML reports with the cpages CLI. Use when analysis, comparisons, tables, status reports, or other structured information would be clearer as a hosted page than as inline chat.

deveshpunjabi Bundle

How to design and build modern, premium-quality frontend interfaces that look like high-end SaaS products, modern AI tools, and award-winning design websites — not generic templates. Use this skill whenever the user asks to build a frontend, create a landing page, design a dashboard, scaffold a web app UI, build a SaaS interface, create a portfolio site, or produce any user-facing web interface. Also use when the user says "make it look modern", "build me a beautiful UI", "create a homepage", "design a pricing page", "add animations", "make it cinematic", "add liquid glass", "add scroll animations", "use 2026 design trends", or mentions frontend design, UI/UX, component architecture, motion design, hero sections, responsive layouts, or CSS animation.

dbjpanda Bundle

Scaffolds a production-shaped Convex full-stack starter — a Bun-workspace monorepo with a shared Convex backend, a React 19 + Vite + TanStack Router + TanStack Query web app, and an Expo SDK 56 native app (expo-router NativeTabs + @expo/ui), wired together with Convex Auth on BOTH web and mobile. Use this skill whenever the user wants to start a new app, bootstrap a project, "spin up a starter / boilerplate", build a web + mobile app on Convex, set up a Bun monorepo with Convex, add TanStack Router/Query to Convex, create an Expo + Convex app, or asks for "web, backend and mobile" together — even if they don't name every technology. Prefer this over ad-hoc scaffolding any time Convex is the backend and the goal is a fresh, well-structured project.

dcramer Bundle

Runs visual and structural QA for this repository's Stream Deck icons. Use after icon or build changes, or when asked to inspect, review, dogfood, or visually validate icon assets, paired states, the 5 x 3 preview, browser rendering, responsive behavior, or icon accessibility.