Web & Frontend

tenfoldmarc Bundle

Process bank statements, credit card statements, invoices, and bookkeeper financials into a beautiful HTML report with subscription audits, expense categorization, and actionable insights.

vigorx777 Bundle

为基于原型 HTML 和 Markdown 需求说明文档的产品设计项目生成配图。适用于“给需求文档补截图”“更新某个章节配图”“将原型交互状态截图回写到文档”“基于 HTML 中的 data-shot 锚点生成配图”这类任务，skill 自带截图、回写和配置初始化脚本。

vigorx777 Bundle

将 Markdown 文稿转换为微信公众号兼容的 HTML 格式。支持 Claude 风格（简约橙）、橙韵风格（杂志卡片）、蓝色专业风格（商务数据）和贴纸风格（旋转贴纸）四种预设主题。自动处理公众号编辑器的 CSS 兼容性问题（div 转 table、代码块换行、表格背景色、字体继承等）。触发词：「公众号排版」「微信文章格式化」「WeChat article」「格式化为公众号」「转换为微信格式」「复刻排版」「模板复刻」「clone theme」。

violasgarbi Bundle

A comprehensive CAE (Cambridge C1 Advanced) exam preparation tutor for self-studying students. Activate this skill whenever a student mentions the CAE, C1 Advanced, Cambridge Advanced English, or any of its component papers (Reading & Use of English, Writing, Listening, Speaking). Also trigger for requests like "practise CAE", "CAE exercise", "Cambridge C1", "CAE writing task", "CAE word formation", "open cloze", "key word transformation", "CAE essay feedback", "CAE speaking part", or any request to prepare for or practise a C1-level English exam. This skill generates authentic practice exercises for Reading & Use of English (all four parts) and Writing (both tasks), gives strict examiner-standard feedback, and explains grammar and vocabulary in context. For Listening and Speaking, it provides expert strategy advice, language coaching, and format guidance, but does not generate exercises — these papers require authentic audio and real interaction to practise effectively.

vipulgupta2048 Bundle

Create distinctive, production-grade frontend interfaces with high design quality. Use when building or refining web components, pages, or apps (HTML/CSS/JS/React) with bold aesthetics, purposeful layouts, motion, and accessibility. Avoid generic AI-looking output.

vitodeploy Skill

Build, modify, or migrate data tables in Vito4 using forjedio/inertia-table (backend-driven Laravel + Inertia + React tables). TRIGGER when - creating or editing files under app/Tables/; adding a new index/listing page; rendering paginated lists, sortable columns, searchable tables, or row actions; touching controllers/pages that pass paginators to Inertia; the user mentions "table", "listing", "data grid", "paginate", "InertiaTable", or migrating away from the legacy `@/components/data-table` (DataTable). SKIP for pure UI tables with hardcoded rows (no backend query).

vliuyt Bundle

Create research-backed, non-editable 16:9 slide images plus PDF after flattened output is confirmed. Prefer Codex built-in gpt-image-2; elsewhere require a callable gpt-image-2 tool or authorized API. Without it, deliver planning-only. Route editable PPTX to ppt-master, HTML to guizang-ppt-skill, and standalone images to imagegen. 中文触发：不可编辑图片版PPT、逐页图片合成PDF、图片型演示。

voidful Bundle

Generate a rich, INTERACTIVE HTML report (not markdown!) and publish it to GitHub Pages. Use when the user asks for a "report", "writeup", "summary page", "dashboard", "share link", or anything that benefits from interactivity, charts, sortable tables, tabs, search, syntax highlighting, math, diagrams, or visual polish that markdown cannot deliver. Returns a public URL the user can share.

volc-iga-pages Bundle

Deploy frontend and full-stack projects to IGA Pages. Use when the user mentions IGA Pages or requests deployment ("deploy my app", "publish this site", "push this live", "deploy and give me the link", "create a preview deployment", "deploy to IGA Pages", "ship to production"). Also use for API, endpoint, or backend-service work only when the user explicitly mentions IGA Pages, Pages Functions, or an existing IGA Pages project.

vue-terminal Bundle

Build, refactor, debug, or extend Vue 3 terminal apps with vue-termui and OpenTUI. Use for components, layout, text, forms, selection, scrolling, focus, keyboard or mouse input, images, Markdown, renderer behavior, playground pages, and native component wrappers.

vuejs-translations Bundle

Vue.js 中文翻译约定。Auto-loads when translating Vue.js docs to Chinese, reviewing Chinese translations, or discussing translation terminology (术语、翻译、translate、i18n、zh-CN).

wagtail Skill

Maintain or upgrade bakerydemo frontend linting, formatting, and theme-related tooling with minimal churn

wagtail Skill

Use when working with the Draft.js exporter library. Manipulating and rendering Draft.js ContentState to HTML or Markdown, parsing Markdown back into ContentState, writing custom block/entity/style components, configuring block/style/entity maps, picking or building DOM, or extending the exporter with fallbacks and composite decorators. Trigger on imports from `draftjs_exporter`, `DOM.create_element`, `block_map` / `style_map` / `entity_decorators` / `composite_decorators`, `build_markdown_config`, `MarkdownImporter` / `ContentStateFilter` / `scheme_resolver`, or Draft.js `ContentState` / `entityMap` JSON.

walk4rever Bundle

Professional Markdown to WeChat Official Account (公众号) publisher with visual style presets. Use this skill whenever the user wants to: publish an article to WeChat, create a 公众号 draft, format a blog post or technical tutorial for WeChat, apply a visual style to Markdown, or says anything like "发布到微信"、"推送到公众号"、"微信文章"、"publish to WeChat"、"WeChat draft"、 "公众号推文"、"wechat article"、"微信公众号". Also trigger when the user asks to convert Markdown to a styled HTML document for WeChat, even if they don't say "publish" explicitly. Also trigger for translation/repost requests: "全文翻译"、"转载"、"translate and publish"、"repost"、or when the source article is in English and the user wants to publish it to WeChat. Also trigger for "视频号"、"短视频"、"竖屏视频"、"生成视频"、"video"、"short video"、or "WeChat Channels". This skill handles credentials, image uploads, 13 style presets (3 core + 7 extend + unlimited custom), automatic cover generation, full-article translation, and draft creation end-to-end.

wallet-ui Bundle

Use when setting up Wallet UI in a new or existing Expo application. Guides selection between modern @solana/kit (Recommended) or legacy @solana/web3.js.

wandb Bundle

Convert a DataDog dashboard JSON into a Grafana dashboard JSON that fits the operator's telemetry stack (VictoriaMetrics datasources, wandb-<component> UID, no templating). Trigger when the user provides DataDog dashboard JSON (inline or as a file path) and asks to port, convert, or recreate it as a Grafana dashboard, or when the user asks to add a new dashboard under deploy/telemetry/dashboards/ from a DataDog source.

wang1212 Bundle

Create stunning, animation-rich exploratory visual web pages from text content. Supports both Slides mode (presentation-style with slide navigation) and Scrolling mode (scroll-driven narrative with progressive animations). Use when the user wants to transform text into immersive web experiences with distinctive visual design, smooth animations, and engaging interactions. Generates zero-dependency single-file HTML.

wanghaisheng Bundle

Compile a product requirement into a coherent art world, design scheme, high-fidelity design, engineered assets, semantic layout IR, HTML reference runtime, React PWA MVP, and finally production runtimes (RN / Cocos / Godot / Unity / Flutter / PPT). Use whenever the user wants AI to produce a real product end-to-end, not just a single screen.

wangnov Bundle

为 Codex 桌面应用制作「素材化 UI」主题皮肤（AI 生成位图素材 + CSS + CDP 注入，不改应用文件）。当用户想给 Codex app 做新主题、换肤、把一张概念图/截图/IP 风格还原成 Codex 界面、或迭代 Codex-Theme-Studio 里的现有主题时使用。触发词如：Codex 主题、Codex 皮肤、Codex 换肤、概念图还原 UI、theme studio、做一个 XX 风格的 Codex。

wangyafu Bundle

通过直接编写可编辑的 HTML 源文件，来创建新简历或根据职位描述（JD）量身定制现有简历，最终交付可打印 PDF。当用户需要以下操作时使用：(1) 从头开始创建一份全新的简历；(2) 修改旧简历特别是根据 JD 进行调整。

warpirate Bundle

Universal design intelligence that makes any LLM — from 0.4B to frontier — produce premium-grade visual interfaces that look like they were designed by someone who charges $200/hr, not generated by AI. Encodes the visual craft, atmosphere, and depth that separate professional design from template output. Trigger when the user asks to design, build, style, prototype, or create ANY visual interface: landing pages, dashboards, components, apps, forms, cards, presentations, brand assets, or any UI. Also trigger for design reviews, accessibility audits, responsive layouts, dark mode, theming, design systems, or making existing UI look better. Even vague requests like "make it pretty", "build me a page", "style this", "it looks boring", or "make it premium" should trigger this skill. If the output will be seen by human eyes, this skill applies.

darkroomengineering Skill

Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

hanzoskill Bundle

Best practices for Remotion - Video creation in React

hanzoskill Bundle

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

jandedobbeleer Skill

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

tomevault-io Bundle

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces. Use when this capability is needed.

tomevault-io Bundle

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive. Use when this capability is needed.

tomevault-io Bundle

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive. Use when this capability is needed.

tomevault-io Bundle

Vue components - use when working on related tasks Use when this capability is needed.

tomevault-io Bundle

Use when working with .vue files, composables, Pinia stores, or form validation.

tomevault-io Bundle

Vue 3 Composition API with `<script setup lang="ts">` covering reactivity, SFC, components, composables, TypeScript, performance, and SSR. Used when working with Vue 3, .vue files, Vue components, Vue Router, Pinia, or Vite + Vue projects. Use when this capability is needed.

tomevault-io Bundle

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive. Use when this capability is needed.

tomevault-io Bundle

Use when finishing a feature, fixing a bug, before committing React code, or when the user types `/doctor`, asks to scan, triage, or clean up React diagnostics. Covers lint, accessibility, bundle size, architecture. Includes a regression check and a full local-triage workflow that fetches the canonical playbook.

tomevault-io Bundle

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements. Use when this capability is needed.

tomevault-io Bundle

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

tomevault-io Bundle

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements. Use when this capability is needed.