Web & Frontend

huajiexiewenfeng Bundle

Use when the user asks to see, find, list, open, review, or click files generated or modified in the current session, including Markdown, Word, Excel, PowerPoint, PDF, images, HTML, CSV, JSON, archives, or other agent-created deliverables with timestamps and clickable links.

huangserva Bundle

音乐剧/MV导演规划 skill：music-first 的音乐视频制作流水线。从歌曲/歌词生成或导入，到 Whisper/能量/爆点分析、短对口型布点、导演分镜、关键帧、生视频、EDL/preview.html、ffmpeg 后期合成。适用于真人音乐剧、唱跳 MV、剧情 MV、AI 生成歌曲配视频。

hugeicons Bundle

Use and find Hugeicons icons in any framework — React, Vue, Svelte, Angular, React Native, and Flutter. Covers installation, rendering, props, icon naming, and the full icon catalog. Use whenever a project depends on @hugeicons/*, @hugeicons-pro/*, or the Flutter hugeicons package and you need to add, render, or pick an icon.

humansignal Bundle

Generate HumanSignal Interfaces for Label Studio Enterprise: single-file JSX annotation screens that run in the sandboxed editor-shell iframe. Use when the user asks for a labeling UI, annotation screen, Document AI interface, data review workflow, or conversion of a React/Claude Design mockup into a Label Studio interface.

humbleteam Bundle

Runs a WCAG 2.2 accessibility audit of a screenshot, URL, or HTML/JSX and reports findings by severity (P0 blocks use, P1 degrades use, P2 friction), each with a success-criterion citation. Use for "check accessibility", "run an a11y audit", "is this WCAG compliant", "is this accessible", or "audit contrast and keyboard support". Skip for axe-core/Lighthouse scans or legal ADA/Section 508 certification - this is expert review, not a scanner.

humbleteam Bundle

Scans a codebase for design token drift - raw hex colors, off-scale spacing, near-duplicate colors, font sprawl, hardcoded z-index. Use when asked to "audit my design tokens", "find hardcoded colors in this codebase", "check for design token drift", or "clean up our CSS variables". Returns a severity-ranked report with file:line refs and a plan. Do not use to generate tokens from a screenshot or URL - use extract-design-tokens instead.

humbleteam Bundle

Turns a mockup, screenshot, or HTML file into a dev-ready handoff spec - layout measurements, a token map, a component-state inventory, accessibility notes, and numbered open questions. Use for "write a handoff spec for this screen", "turn this mockup into dev docs", "document component states", or "what tokens does this screen use". Not for critiquing design quality or generating new UI - see design-review or html-mockup.

humbleteam Bundle

Runs a pre-ship design QA gate on a screenshot, URL, or PR HTML/CSS - checks states, WCAG 2.2 contrast, touch targets, breakpoints, and keyboard paths, then returns a pass/fail table and fix list. Trigger phrases - "QA this screen", "is this ready to ship", "check this PR for accessibility issues", "audit before launch". Skip for style critique - use design-review instead; this checks only verifiable gate criteria.

humbleteam Bundle

Run a structured UX critique on a screenshot, URL, or HTML snippet - a 0-4 score, up to 6 prioritized issues each with Before/After/Why, and one citation per claim. Given two or more variants, compares them on shared dimensions and names a winner. Given a screen plus a decision question, answers the question with the screen as evidence instead of returning a critique. Trigger phrases - "review this design", "critique this screen", "what's wrong with this UI", "score this design", "which of these two is better", "did the redesign improve this", "should I use a modal or a drawer". Do not use for WCAG-only accessibility audits (use accessibility-audit) or turning a mockup into a dev spec (use design-handoff).

humbleteam Bundle

Extracts a design-token set - palette, type, spacing, radii, shadows, motion - from a live URL, screenshots, or a CSS file, into CSS custom properties plus a W3C Design Tokens JSON file. Trigger on "extract design tokens from this site", "pull the tokens from this screenshot", "turn this CSS into tokens", "build a token file from this URL". Do not use to find token drift in an existing codebase - use audit-design-tokens for that.

humbleteam Bundle

Builds a pixel-faithful single-file HTML mockup from a reference screenshot by counting colors, photos, items, and states before writing markup. Use when a user says "turn this screenshot into HTML", "build a mockup that matches this design", "code this screen exactly", or pastes an image and asks for a coded version. Do not use for layout exploration with no reference image - use ascii-wireframes instead.

hunkim Bundle

Convert a PDF or PowerPoint deck into a single self-contained interactive HTML presentation — native animated SVG charts, sequenced entrance animations, live-embedded demos, keyboard navigation, and a PDF export path. Use whenever someone wants a deck turned into HTML, an "interactive"/"animated"/"web" version of slides, a pptx/pdf converted to a web deck, or asks to rebuild charts from a deck natively. Triggers on "PPT를 HTML로", "덱을 HTML로", "interactive slides", "html deck", "pptx to html", "pdf to html slides", "animated slide deck".

huozhi Bundle

Build a React mini-site with an immediate live preview and static export using Devjar. Use for landing pages, small multi-page websites, and interactive browser prototypes; not full-stack or server-rendered applications.

huozhi Bundle

Comprehensive guidance on setting up npm libraries with package.json, with a preference for ES Modules (ESM). Use when setting up npm packages, configuring ESM, TypeScript packages, or React component libraries.

huozhi Bundle

Use Sugar High to add lightweight syntax highlighting to JavaScript, React, or Remark projects. Use when highlighting source code or configuring Sugar High languages, classes, or token hooks.

hursh-shah Bundle

Create distinctive, production-grade frontend interfaces directly in code with a strong visual point of view. Use when Codex is asked to design or redesign a page, screen, flow, or component; improve UI quality; or ship polished frontend experiences that must feel intentional and non-generic. Default to Next.js unless the user specifies another framework, and use targeted 21st.dev inspiration with screenshot capture only for specific components that need references.

hyperb1iss Bundle

Build, edit, verify, or present an interactive Prezzer deck, the Bun-native React presentation engine that compiles a talk into one offline HTML file. Use whenever the work involves a Prezzer deck or a repository scaffolded by `bun create prezzer`, and for any mention of slides, beats, speaker notes, presenter chrome, deck widgets, slide transitions, deck theming, deck outlines, or standalone HTML deck builds, even when prezzer is not named explicitly.

iamgio Skill

Author Quarkdown (.qd) documents, a Markdown-superset typesetting language that compiles to HTML, PDF, or plaintext. Use when the user wants to write or edit .qd files, produce typeset output (articles, reports, slides, books, wikis, notes, static sites) beyond what plain Markdown offers, or share structured plans in a presentation-ready format. Quarkdown adds function calls (`.func {arg}`), variables, layouts, math, diagrams, and document types (plain/paged/slides/docs).

iamzifei Bundle

Expert UI design skill. Creates high-fidelity HTML designs, interactive prototypes, slide decks, animations, and visual explorations. Use when user asks to design, prototype, create UI, make slides, create mockups, build interactive demos, design interfaces, or explore visual options. Triggers: /design, /prototype, /ui, /mockup, /slides, /deck, "design a", "prototype", "mockup", "make a UI", "create slides", "build a deck" 新手引导：输入 `/design 新手`、「这个怎么用」「第一次用」「能干嘛」时，走 SKILL.md 的〈新手上路〉，不要直接开始干活。

ianho7 Bundle

Build, review, and refactor web interfaces that are easy for humans, screen readers, browser automation, Playwright tests, and AI agents to understand and operate. Use for UI components, forms, frontend features, semantic HTML, ARIA, stable locators, URL state, accessibility reviews, and agent-friendly web design.

iannuttall Bundle

Use Timbre when the user wants to check prose, run agent-led editorial review, or teach agents from existing writing. It lints Markdown, MDX, Astro and plain text for stock AI phrases, staged contrasts, repetitive structures, unnatural rhythm, excessive qualification and vague wording. It handles drafts, stdin, directories, globs and CI with explanations and exceptions. For patterns exact rules cannot prove, it gives Codex, Claude or another agent a semantic review packet with lenses, examples and a strict response shape. It can also study folders of posts, articles or an X archive, save language patterns and examples, and install a reusable `write-like-*` skill. Trigger when the user asks whether prose sounds AI-written, wants a draft made less robotic, wants content linting or deeper semantic review, wants to learn a style from existing work, create or refresh a writing skill, inspect what Timbre learned, or compare a draft with a saved style. Use the generated `write-like-*` skill for author-specific draft

ibadbasit Bundle

将 .md 或 .docx 文件转换为可投屏的单文件 HTML 演示文稿。设计风格：暖奶油×赭红×深棕黑，Cormorant Garamond + Noto Serif SC，键盘翻页+导航点。用法：/ppt <文件路径>

grunion-ai Bundle

Author presentations, carousels and one-page documents as a decklet JSON model and build them into ONE self-contained, editable HTML file — zero dependencies, zero network, verified layout. Use when asked to "make a deck / slides / presentation / carousel / one-pager" from any content (outline, notes, markdown, transcript, data), when converting finished HTML pages into an editable deck, or when a deck must be brand-true and hand-editable by a human afterwards. Not for interactive web apps or PPTX/Google Slides output.

guidefanti Bundle

Systematic development guardrails that enforce disciplined, context-aware coding AND product-aware thinking. Use this skill BEFORE any development task — coding, debugging, refactoring, architecture, file creation, automation building, or any technical implementation. This includes tasks involving Supabase, n8n, React, TypeScript, Python, APIs, database schemas, frontend/backend integration, AI agent development, or any project where code is written or modified. Always trigger this skill when the user asks to build, fix, implement, create, modify, refactor, debug, or deploy anything technical — even if the request seems simple. Do NOT skip this skill for "quick fixes" — those are where most regressions happen.

guokaigdg Bundle

Build React UIs in the animal-island-ui style — an a cozy island-style UI-inspired component library (warm earth tones, pill shapes, 3D game-button depth, soft motion). Use when (1) building pages or components with the animal-island-ui npm package in a React project; (2) generating a standalone single-file HTML page in this style with no build step; (3) the user asks for "a cozy island-style UI style", "animal island style", or a cozy rounded game-like UI.

guramzhgamadze Bundle

Expert WordPress and Elementor Pro development skill. Use this whenever the user asks about WordPress theme development, Elementor Pro customization, plugin architecture, custom post types, hooks/filters, Loop Grids, Dynamic Tags, Theme Builder templates, off-canvas UIs, custom CSS/JS injection, performance optimization, or any PHP/JS/CSS code targeting a WordPress or Elementor environment. Trigger even for general questions like "how do I add a custom field in Elementor", "what hook should I use for X in WordPress", "how do I override a WooCommerce template", or "how do I register a custom widget" — do not wait for the user to explicitly say "use the skill." Also trigger for ACF integration, REST API endpoints, child theme setup, WooCommerce customization, WPML/multilingual setups, and any debugging of WordPress/Elementor issues.

gvastethecreator Bundle

Pixel art HTML: create, repixelize, repair, review, package JSON, PNG, HTML. Icons, sprites, tiles, props, scenes, image-to-grid recovery, visual-quality repair. Not animation atlases or painterly generation.

gyc-12 Bundle

从零开始开发 Cymusic 音乐播放器（React Native + Expo）音源插件的完整指南。 当用户要求编写、创建、开发 Cymusic 插件，或要求将某个音乐网站、API 适配为 Cymusic 音源时触发。 Cymusic 插件协议非常简单——唯一职责是根据 (title, artist, songmid, quality) 返回可播放的音频 URL， 搜索 / 歌词 / 专辑等元数据由 Cymusic 内置 QQ Music 接口提供。 涵盖：Cymusic 原生格式与 lx-music 兼容格式、沙箱限制、站点分析方法论、本地测试、发布更新等完整流程。 本 Skill 面向 AI 执行，指导 AI 与零基础用户协作完成插件开发。

haidang1810 Bundle

Convert long-form Markdown (plan, spec, system design, RFC, runbook, postmortem, brainstorm, notes) into a single self-contained HTML page with Mermaid diagrams, step timelines, callouts, sidebar TOC. Claude-orange light+dark theme. Multi-language. Portable across Claude Code / Codex / Antigravity / any AI agent.

hainrixz Bundle

Deploys any web app, API, or agent to the internet with a strict pre-deploy audit and a preview → health-check → prod flow. Detects Next, Vite, Astro, Remix, Nuxt, SvelteKit, FastAPI, Flask, Express, MCP server, Claude Agent SDK script, Python worker, Dockerized, and static projects; routes to Vercel, Railway, Docker+SSH VPS, or cloudflared tunnel. Also supports a first-class "run locally" mode. At the start of each cloud deploy the skill asks the user whether to run full-auto (audit → preview → prod in one sequence) or step-by-step (confirm each phase); the user can skip that question by saying "auto" or "step by step" up front. Use when the user says "/all-deploy", "/deploy", "/despliega", "deploy this", "ship this", "push to prod", "get this online", "deploy my agent", "deploy my FastAPI", "run it locally", "corre esto localmente", "deploy auto", "deploy step by step", "paso a paso", "how do I put this on the internet", or otherwise asks to publish a project to a URL or run it locally.

hainrixz Bundle

AI video production workflow using Remotion. Use for promotional videos, product demos, motion graphics, and short-form social videos built programmatically in React/Remotion.

halo-dev Bundle

Create or modify Halo CMS plugins, including Java backend code, plugin.yaml and extension resources, Gradle and DevTools configuration, plugin APIs and lifecycle, and Vue-based Console or User Center UI. Use for Halo plugin implementation, migration, debugging, or integration work; do not use for theme-only changes.

haojae Bundle

Build full-stack web projects with Flask backend (Python + SQLite) and Bootstrap/ECharts frontend (all via CDN). Use when the user wants to create, scaffold, or build a web application, website, dashboard, or data visualization project. Covers four roles: Frontend (HTML/CSS/JS with Bootstrap and ECharts CDN), Backend (Python Flask + SQLite), UI Design (responsive Bootstrap layout), and Testing (pytest). Trigger on requests to build web apps, create dashboards, scaffold projects, or set up Flask applications with frontend visualization.

hardness1020 Bundle

Expert guidance for designing, optimizing, evaluating, and securing prompts and system prompt architectures for LLMs. Use when users need help with writing or improving prompts, designing system prompts or multi-section prompt architectures, building agent prompts with tool integration, prompt optimization and automated tuning, prompt security and injection defense, prompt evaluation and benchmarking, production prompt management, or understanding prompt engineering techniques like Chain of Thought, ReAct, Tree of Thoughts, few-shot learning, and Constitutional AI. Covers patterns derived from production agentic systems and the broader prompt engineering research landscape.

effector Skill

Skill for using Astro projects. Includes CLI commands, project structure, core config options, and adapters. Use this skill when the user needs to work with Astro or when the user mentions Astro.

eggmasonvalue Bundle

Batch download Indian company filings (transcripts, investor presentations, credit ratings, annual reports, share issuance documents, XBRL announcements with ixbrl HTML links) from NSE and valuepickr threads. Supports resolving industries to stock lists (e.g., getting all cement stocks). Convert downloaded PDFs to LLM-ready Markdown. Optionally add to NotebookLM. Use when user asks to: (1) Download investor materials for Indian publicly listed companies or entire industries (e.g. "cement stocks", "sugar industry"), (2) Research Indian stocks/companies, (3) Create research notebooks with company filings, or (4) Analyze NSE-listed company documents.