網頁開發人員

Gutenberg Block

Create and edit custom Gutenberg blocks with PHP rendering — block.json, render.php, edit.js, block registration, and block patterns. No build step required.

michalstaniecko0

IDE 插件

Demo Animation

Работа с анимированной демонстрацией пайплайна Davai в стилизованном VSCode-терминале. Используй при изменении сценария демо, добавлении/редактировании фаз анимации, настройке typewriter-эффекта, навигации по фазам или стилизации терминала.

mrdalvik0

安全

Wp Abilities Api

Use when working with the WordPress Abilities API (wp_register_ability, wp_register_ability_category, /wp-json/wp-abilities/v1/*, @wordpress/abilities) including defining abilities, categories, meta, REST exposure, and permissions checks for clients.

MrGKanev0

Gutenberg Blocks

Use this skill when creating or modifying Gutenberg blocks with ACF. Covers block.json configuration, render templates, block registration, and JavaScript interactivity.

michalstaniecko0

項目管理

The Webmaster Skill

The site orchestration layer and project manager for your website. Triggers when you need end-to-end site management: running a pre-launch review, checking everything before going live, coordinating all audits, running a full site quality check, a pre-launch checklist, monthly maintenance, emergency fixes, or asking 'is my site ready?', 'run all the audits', 'webmaster mode', 'full site review', 'site health check', 'production ready?', or similar. Knows about and coordinates all other skills in the VibeCoding-a-Website project.

mrhinkle0

銷售同市場推廣

Aidesigner Frontend

Use this skill when the user wants to create or redesign a frontend, landing page, dashboard, marketing page, or other UI with AIDesigner. Prefer the connected aidesigner MCP server for generate/refine, then use the local AIDesigner CLI for artifact capture, preview rendering, and repo-native adoption guidance.

mr-ice0

Creating Vue Component

Use when creating a new reusable Vue component - folder structure, TypeScript props, event passthrough, scoped styles, and documentation

MrLeihe0

Previous 1…934 935 936…947 Next

Frontend Worker

Handles Vite + TypeScript frontend, canvas display rendering, keyboard/mouse input, controls UI, browser persistence, and emulator integration.

mojomast0

媒體

Video To Website

Turn a local .mp4 video into a premium scroll-driven animated 3D website (Apple-style stop-motion animation over a transparent canvas).

mojowebs0

數據分析

Wikipedia Deep Dive

Provides summaries of World War II battles.

mojowebs0

除錯

Web Review

Run when changes affect page files (src/app/), components, or content. Checks accessibility (alt text, headings, focus), SEO (metadata, structured data), performance (next/image, lazy loading), and Core Web Vitals.

mojwang0

除錯

Clone Website

Reverse-engineer and clone a website's homepage into the AutoConsign Next.js project using Chrome MCP for pixel-accurate extraction

MollyStanden260

Frontend Patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

MomoChenisMe0

文件

Wp Code Snippets Conventions

Conventions and workflow for this WP_Snippets repo: canonical/archive organization, filename naming, version numbering, required snippet headers (including CLM-CREATED-AT), and Code Snippets WordPress import/export sync workflow. Use when editing, renaming, deduplicating, versioning, or preparing imports for this project.

mondary0

Webflow Development

Build and style websites in the Webflow Designer using the Webflow MCP Bridge and browser automation. Use when the user wants to: (1) create or style pages/sections/elements in Webflow, (2) transfer a local web project (React, HTML/CSS, Next.js, etc.) to Webflow, (3) implement a Figma design in Webflow, (4) fix styling or layout issues in Webflow, (5) create or manage Webflow components, variables, or CMS collections, (6) work with responsive breakpoints in Webflow, (7) add custom code (Code Embeds) for SVGs, animations, or complex layouts, or (8) publish and QA a Webflow site. Trigger when user mentions "Webflow", "webflow designer", "MCP bridge", or asks to build/style web pages with Webflow tools.

monmush0

Schema Markup

When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user mentions "schema markup," "structured data," "JSON-LD," "rich snippets," "schema.org," "FAQ schema," "product schema," "review schema," or "breadcrumb schema." For broader SEO issues, see seo-audit.

Monsoft-Solutions0

數據分析

Create Chart

Create an interactive HTML chart for the graph viewer, paired with a chart-*.md doc so it wires into the graph. Use when the user asks to make a chart, build a visualization, add a heatmap/matrix/scatter, turn an analysis into a chart, or create any standalone HTML visualization that should open from a node in the graph. Also use when adding a chart to accompany an existing analysis doc (the common pattern: an analysis doc describes trends; a chart renders them). The skill covers the non-obvious iframe-download contract and the shared visual vocabulary — without these, charts render but the viewer's download button silently fails and the design drifts. Rebuilds the graph after creation so the new chart shows up immediately.

Monte90

代碼質素

Design To Code Verify

Pencilデザインからコード実装し、数値レベルで検証するワークフロー。デザイン仕様値 → CSSトークン → computed styleの3点突き合わせで精度を担保する。使用タイミング: - 新しいページ/コンポーネントをPencilデザインから実装する時 - 実装がデザインと一致しているか検証する時 - デザインとの差分を特定・修正する時 Keywords: デザイン実装, Pencil実装, デザイン検証, スタイル確認, design verify

mono-yamamoto0

Artifacts Builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

MOODMNKY-LLC0

教育

Design Mockup

Generate self-contained HTML mockups for design review and serve them locally with clickable URLs. Use this skill whenever the user wants to visualize a design before implementing it, review UI states, compare layout options, or get sign-off on a proposed design. Triggers on phrases like "create mockups", "mock up", "show me what it looks like", "preview the design", "html mockup", "generate mockups", "let me see it first", "design preview", or any request to visualize proposed UI changes before coding them. Also use proactively when a design task is complex enough that visual review would prevent wasted iteration — mockups are cheap, implementation rework is expensive.

moollaza0

Generate Html Slide

슬라이드 타입별 HTML/CSS 렌더러를 생성합니다. 27종 슬라이드 타입 각각의 HTML 마크업 구조와 CSS 스타일을 반환하며, fragmentOrder 기반 순차 등장 애니메이션 클래스를 자동으로 적용합니다. 사용 시점: WebAgent가 각 슬라이드의 HTML을 생성할 때 호출합니다.

moonlight-kyungnam0

除錯

Accessibility Audit

This skill should be used when the user asks to "audit accessibility", "improve keyboard navigation", "fix VoiceOver behavior", or "review reduced-motion and focus behavior" in Prisma.

mourato0

銷售同市場推廣

Roadmap

Regenerate the dashboard/roadmap.html page from current BACKLOG.md and PRODUCT_STRATEGY.md data. Use when backlog items change, new items are added, or the user wants an updated roadmap page. Invoke with `/roadmap`.

michallicko0

設計

Svg Creator

Create SVG graphics and icons from descriptions

IDE 插件

Toolbar Positioning

Use when changing floating toolbar placement, viewport clamping, or anchor-position geometry.

mpragliola0

Landing Page

Create landing page designs with HTML/CSS

Markdown To Html

Convert Markdown to styled HTML with custom themes

設計

Figma Export

Generate code from Figma designs and export specifications