Web & Frontend

moazbuilds Skill

Add Telegram reaction directives in assistant replies. Use when the user asks for Telegram reaction tags, react directives, emoji reactions, or wants reply text to include [react:<emoji>] metadata. Trigger phrases include "telegram react", "reaction directive", "add [react]", "emoji reaction", "react tag", and "telegram reply format".

mucsbr Bundle

Convert structured single-slide or small deck HTML files into editable PPTX slides with native text boxes, shapes, chips, arrows, and panels. Use when the user has an HTML slide/design draft and wants a high-fidelity editable PowerPoint instead of a screenshot-based export. Also use when the HTML does not fit an existing slide family and a new preset must be added before conversion. Especially useful for Gartner/analyst-style technical slides, architecture pages, AI runtime pages, and other fixed-layout HTML presentation pages.

mucsbr Bundle

Convert an existing HTML/CSS/JavaScript slide presentation into an editable bento/slides .bento.html deck. Use when the source is an HTML file, folder, or live presentation and the user wants its slides, layout, assets, interactions, and visual identity migrated to bento. Preserve the source by default; do not use for authoring a new presentation from notes alone.

mukulchugh Bundle

Review any GitHub pull request as a guided, codebase-aware walkthrough. Use when asked to review a PR, explain a PR in logical chunks, create a quiz or HTML review guide, submit inline GitHub review comments, publish durable codebase learning to a GitHub Wiki, or turn validated follow-ups into GitHub issues.

nagisanzenin Skill

Learning telemetry, strategy, and schedule — retention stats, calibration, grader audit, n-of-1 experiments, HTML dashboard. Use for "how am I doing", weekly check-ins, strategy questions, auditing the grader, or adjusting how Engram teaches.

nailorsh Bundle

Comprehensive guide for creating Telegram Mini Apps with React using @tma.js/sdk-react. Covers SDK initialization, component mounting, signals, theming, back button handling, viewport management, init data, deep linking, and environment mocking for development. Use when building or debugging Telegram Mini Apps with React.

navjyotnishant Skill

Evaluates or generates RFP clarification questions. Produces a client-facing Query Log (Excel) and internal Question Assessment Report (HTML) with scoring across 5 dimensions.

nclamvn Bundle

Thiết kế frontend chất lượng cao. Dual mode: Internal (LitElement Control UI) + External (React/Next.js/general web).

nealst Bundle

Cross-platform desktop application framework combining Rust backend with web frontend, emphasizing security and performance

nealst Bundle

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

toolshedlabs-hash Bundle

URL to PDF and HTML to PDF. Convert any web page URL, or a raw HTML string, into a clean PDF file. Save an invoice or a receipt, archive an article, or print an HTML report to PDF. The page renders in a real hosted browser with JavaScript on, so the PDF matches the live page, and you set paper size, margins, orientation, and backgrounds. No local headless Chrome or wkhtmltopdf to install. The agent registers its own key and gets free credits right away, so the first PDF works with no signup. A person can confirm one email to add more free credits, and only successful renders cost anything.

toolshedlabs-hash Bundle

Url to markdown, web to markdown, read a web page as markdown. Read, fetch, or scrape any URL and get clean markdown back. The page runs in a real hosted browser with JavaScript on, so React, Vue, and other client-rendered sites return their real text instead of an empty shell. Nav, ads, and cookie banners are stripped. Use it to read an article, pull docs, or hand a model clean page content. The agent registers its own key and gets free credits right away, so the first read works with no signup. A person can confirm one email to add more free credits. Respects robots.txt, and failed reads cost nothing.

treydong Bundle

Automatically discover and recommend relevant Claude skills when users encounter tasks that could benefit from specialized capabilities. Use this skill proactively when detecting any of these patterns: (1) User mentions working with specific file formats (PDF, DOCX, Excel, images, etc.), (2) User describes repetitive or specialized tasks (data analysis, code review, deployment, testing, document processing), (3) User asks if there's a tool or capability for something, (4) User struggles with domain-specific work (React development, SQL queries, DevOps, content writing), (5) User mentions needing best practices or patterns for a technology, (6) Any situation where a specialized skill could save time or improve quality. Search using SkillsMP API (if configured), skills.sh leaderboard, or GitHub as fallback. Recommend 1-3 most relevant skills and offer to install via npx skills add.

trfi Skill

Generate professional, ATS-optimized CVs and resumes as polished HTML files. Use this skill whenever the user asks to create, write, build, update, or improve a CV, resume, curriculum vitae, or job application document — even if they just say "make me a resume" or "help with my CV". Also trigger when the user provides career info, work history, or asks to format their experience for job applications. This skill produces visually stunning, eye-catching HTML that is simultaneously ATS-friendly — the best of both worlds.

tryopendata Bundle

Generates and edits SVG logos, icons, and graphics. Use when creating SVG files, designing logos or icons, writing path data, optimizing SVGs, building icon systems, animating SVG elements, or modifying existing vector graphics. Covers path commands, shape primitives, styling, accessibility, gradients, masks, sprites, optimization, and animation (CSS keyframes, GPU acceleration, staggering, easing, SVG-specific techniques).

tsukumijima Skill

【設定追加時は必ず参照】KonomiTV に新しい設定 (v-switch/v-select など) を追加する際の必須手順。SettingsStore.ts / Settings.ts / config.py / Settings/*.vue への追加が必要

ui5 Skill

How to customize and style UI5 Web Components. Covers CSS shadow parts, CSS custom states, CSS variables, and tag-level styling. Use when the user asks about changing component appearance, colors, spacing, theming, or overriding styles.

ui5 Skill

How to make UI5 Web Components applications accessible. Covers accessibility APIs (accessibleName, accessibleNameRef, accessibleDescription, accessibleRole, accessibilityAttributes), label-input relationships, invisible messaging, keyboard handling, high contrast themes, and screen reader support. Use when the user asks about ARIA attributes, screen readers, keyboard navigation, accessibility properties, or making their app accessible.

ui5 Skill

Write basic Cypress visual tests for UI5 web components, placing them in cypress/specs/visuals/. Use this skill whenever the user asks to create, add, or write a visual test (or screenshot test) for any UI5 web component. Also trigger when the user says things like "add a visual spec for X", "create a visual test for X", or "write a cypress visual for X".

uinaf Bundle

Create, migrate, or align frontend packages and monorepos on Vite+. Use for Vite+ scaffolding, migration, upgrades, `vp` commands, consolidated Vite/Oxlint/Oxfmt/Vitest configuration, hooks, packaging, or CI. Do not use for non-Vite toolchains or for release, deploy, and runtime behavior Vite+ does not own.

uinaf Bundle

Detect, replace, and mechanically restrict direct React `useEffect` calls. Use when writing, refactoring, reviewing, or migrating React code that fetches, derives state, relays events, resets state, or synchronizes through effects. Do not use for unrelated React work or non-React effect systems.

uniround-tec Bundle

Create, modify, debug, or package HRack floating-window renderers, including HTML/CSS widgets, animated desktop mascots, irregular transparent windows, and Live2D companions. Use when implementing a built-in or user-installed floating renderer, connecting visuals to real CLI turn/session state, adding renderer controls or resize behavior, or adapting licensed character assets for HRack's sandbox.

vaadin Bundle

Guide the agent on creating visually distinctive, polished Vaadin 25 interfaces that go beyond default theme styling. This skill should be used when the user asks to "make it look good", "improve the design", "style the view", "make it visually appealing", "add polish", "design a UI", "create a beautiful interface", or when building a new view where visual quality matters. Also trigger when the user wants to add animations, visual effects, or build polished component compositions in a Vaadin application.

vaadin Bundle

Reproduce a Vaadin Flow component bug from a GitHub issue in vaadin/flow-components or a component-specific issue in vaadin/flow. Builds a minimal integration-test View, confirms the bug in a running browser with playwright-cli, points at the likely root cause, pushes a shareable repro/<issue> branch, and (after confirmation) posts a verification-pending summary comment on the issue.

vaadin Skill

Read these rules whenever you add, modify, or review `bind*` methods (e.g. `bindError`, `bindEnabled`, `bindVisible`), or work with `Signal` or `SignalPropertySupport` types in component code.

veloxbase Skill

Build and harden React Flow diagram surfaces in VeloxDB using @xyflow/react patterns (nodes, edges, viewport, controls, interactions, performance). Use when working on schema diagram canvas behavior, replacing legacy canvas code, or improving diagram UX and scale.

vendurehq Bundle

Migrates Vendure Admin UI extensions (legacy Angular-based) to the new React Dashboard.

yennanliu Skill

Provides guidance on HTML/CSS best practices for responsive web design, Bootstrap integration, accessibility, and performance optimization. Use when building web pages, styling components, or improving web design quality.

yfge Bundle

Chrome DevTools E2E workflow for ai-video-studio. Use when a change affects login, frontend/backend integration, AI generation, image or video flows, or any user-visible path that AGENTS.md requires to be verified in a real browser. Reads AGENTS.md for the current validation policy and account, follows the shared validation matrix, captures console and network evidence, and produces an agent_chats-ready Validation section.

yfge Bundle

Frontend validation workflow for ai-video-studio. Use when changing Next.js pages, components, hooks, API client code, route guards, auth flows, or when deciding whether lint, tests, build, and browser verification are required. Chooses between mandatory lint, conditional frontend tests, and risk-driven builds while deferring user-visible flow checks to the MCP E2E skill.

yonkoo11 Skill

Design workflow orchestrator. Single entry point for all design work - chains frontend-design proposals into ui-revamp production polish with phase gates. Supports resume, short-circuit flags, and progress tracking.

yonkoo11 Bundle

Transform vibe-coded UIs into production-quality interfaces. Use when revamping, redesigning, polishing, or improving any UI. Applies principles from Emil Kowalski (Linear), Rauno Freiberg (Vercel), Steve Schoger (Refactoring UI), and Sara Soueidan (Accessibility). Executes a four-phase process with automated auditing and enforcement.

yonkoo11 Bundle

Create distinctive, production-grade frontend interfaces. Always generates 3 wildly different worldclass proposals with UX architecture. Use when building web components, pages, dashboards, or applications. Generates creative, polished code that avoids generic AI aesthetics.

zach22-1999 Bundle

已降级的 Markdown→HTML 兼容转换器。仅当用户明确要求“使用 zach-md-html”、或明确说“不要重组内容，只把现成 Markdown 机械转换成 HTML/套用旧主题”时使用。不要因为用户只说“输出成 HTML”“生成 HTML 报告”“把日常报告做成 HTML”“数据报告/交付报告”而触发；这些任务应由模型从原始资料直接组织并生成自包含 HTML。此 Skill 不负责数据可视化、工作面、自由设计、万物转 md、html 转 md 或 md 转 docx。

zach22-1999 Bundle

术语挖掘：做一件事之前，先弄清楚这个领域里 AI 听得懂的专业术语，再用这些术语改写你的 prompt。 输入三句话（要做什么 / 已经知道什么 / 哪个领域），产出一个离线 HTML：5 个核验过来源的必要术语、 每个术语对应的「大白话 prompt → 术语版 prompt」前后对照、以及一条 30 分钟学习顺序。 用户说"术语挖掘""我要做 X，需要懂哪些术语才能跟你讲清楚""AI 总是理解偏""这个 prompt 怎么写得更专业" "帮我看看我该学什么术语"时使用。普通词义查询、已有完整 prompt 只想执行、或用户明确要求直接开始做原任务时不要触发。 本 skill 只出术语和 prompt 改写，不执行原任务；不编造术语和来源。

zaphook Bundle

Send WhatsApp messages via ZapHook. Use when user wants to: send text/image/video/audio/document/sticker to WhatsApp numbers, create interactive buttons or lists, send templates, react to messages, mark as read, or show typing indicator. Do not use for reading incoming messages, listing events, or checking delivery status. Requires channel_id (UUID) and phone number in international format (digits only, e.g. 5511999999999).