網頁開發人員

Seo Optimization

Implements SEO best practices for static HTML pages including semantic structure, meta tags, accessibility, performance optimization, and search engine discoverability. Use when creating pages that need to be indexed and ranked by search engines.

muratbaseren0

Frontend Design

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.

Murf-y0

測試

Impl Ui

Implements a UI feature or change. Loads repo learnings and any existing plan, implements the change checking standards inline, then triggers test writing. Use when building a new UI feature, modifying an existing component, or executing a /plan-ui output.

muselesscreator0

除錯

Auditing Page Velocity

Audit marketing pages for Core Web Vitals compliance and perceived performance. Use when checking page speed, optimizing load times, or troubleshooting performance issues. Triggered by: page speed, Core Web Vitals, LCP, INP, CLS, performance audit, lazy loading, skeleton screens, TTFB, lighthouse, page velocity, slow loading, web performance.

Full Stack

Assembling Marketing Pages

Assemble marketing page routes from section components in SvelteKit -- section ordering, SEO meta tags, inter-section spacing, anchor navigation, and pre-launch checklists. Use when composing sections into +page.svelte, adding SEO tags, setting up page routing, or preparing pages for launch. Triggered by: page assembly, compose page, page svelte, section ordering, SEO meta, og tags, twitter card, svelte head, anchor navigation, page route, inter-section spacing, page composition, landing page assembly, marketing page, pre-launch checklist, sitemap, canonical URL.

遊戲開發

Animating Scroll Reveals

Add scroll-triggered animations to marketing sections using CSS .reveal classes or GSAP ScrollTrigger. Use when adding entrance animations, staggered reveals, scroll-triggered effects, or deciding between CSS and GSAP animation approaches. Triggered by: scroll animation, scroll reveal, entrance animation, stagger animation, GSAP ScrollTrigger, CSS reveal, reveal-visible, scroll effect, animate on scroll, fade in on scroll, scroll trigger, motion, animation decision, reduced motion, cleanup scroll triggers.

IDE 插件

Building Marketing Code Displays

Build marketing-grade code displays for the Musher marketing site -- split-panel code-then-output layouts, CSS-only syntax highlighting, tabbed views, and terminal chrome. Use when implementing IA Section 3 (Mechanism), building code blocks, creating terminal demos, highlighting YAML/CLI output, or adding copy buttons to code. Triggered by: code display, code block, syntax highlighting, code-then-output, split panel code, terminal chrome, YAML highlight, CLI output, code snippet, tabbed code, multi-language code, mechanism section code, bundle yaml, pipeline yaml, marketing code.

Previous 1…936 937 938…947 Next

Web Theme Consistency

在 Valley MAS Web 端维护整站主题一致性。适用于任何 Web 页面、共享组件、导航、Banner、空状态、按钮、卡片、表单、个人中心页、资源页、创作者页以及后续新增页面；当实现可能写死紫蓝橙粉等独立色系、绕开 theme token、或让局部页面脱离当前主题设定时，使用这个 skill，把样式收口到当前主题变量、theme-* 工具类和共享组件上。

muddyrain0

Create Web Form Skill

Create robust, accessible web forms with best practices for HTML structure, CSS styling, JavaScript interactivity, form validation, and server-side processing. Use when asked to "create a form", "build a web form", "add a contact form", "make a signup form", or when building any HTML form with data handling. Covers PHP and Python backends, MySQL database integration, REST APIs, XML data exchange, accessibility (ARIA), and progressive web apps.

MudassarAbrar0

設計

Ui Degamifier

Remove gaming aesthetics (glowing effects, neon shadows, cyberpunk styling) from CSS and replace with professional, clean design. Use when code has distracting visual effects or when implementing corporate/professional UI design. Ensures WCAG AA accessibility.

muhammadhamza7180

流動裝置

Ui To Frontend

Turns UI designs (Figma/screenshots/specs) into pixel-perfect, production-ready front-end components. Use when implementing new UI without breaking existing styles or layouts.

muffedd0

Ui Ux Frontend

Use when building or reviewing frontend UI/UX, web components, pages, or applications that need strong visual design, accessibility, responsiveness, and implementation guidance. Keywords: UI design, UX, frontend, web app, component, landing page, dashboard, accessibility, responsive design, visual polish.

muhammadhamza27-commits0

LLM 同 AI

Docusaurus Api Integrator

Integrates the RAGAI Book Backend API into a Docusaurus site. Use when users ask to setup the API, integrate the chat widget, or configure backend connections for the Book RAG project.

muhammad-anas350

技術文檔

Frontend Design

Guides creation of distinctive, production-grade web interfaces with high design quality and non-generic aesthetics. Use when building or refining frontend components, pages, layouts, or applications; when the user wants creative UI, memorable visuals, typography, motion, or to avoid cookie-cutter AI-looking designs.

myselfvivek170

Theme Animation Extraction

Automatically extract CSS animations from live theme demos (Shopify, React apps) using Playwright. Targets embedded iframe on marketplace pages when demos are password-protected. Extracts @keyframes, transition rules, hover states, and timing curves for cloning purposes.

musical-basics0

Tailwind Design System

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

multideskio0

Elementor

Build and edit Elementor pages via mumcp — layout modes, widget keys, flex grids, blueprints, validation, CSS regeneration. Use before working with Elementor data.

Mumega-com0

Tools

Browse all 239 mumcp MCP tools by category — pages, Elementor, WooCommerce, media, SEO, and more. Use to discover available tools before working with a WordPress site.

Mumega-com0

生產力同整合

Preamble (run first)

Design finalization: takes an approved AI mockup from /design-shotgun and generates production-quality Pretext-native HTML/CSS. Text actually reflows, heights are computed, layouts are dynamic. 30KB overhead, zero deps. Smart API routing: picks the right Pretext patterns for each design type. Use when: "finalize this design", "turn this mockup into HTML", "implement this design", or after /design-shotgun approves a direction. Proactively suggest when user has approved a design in /design-shotgun. (gstack)

mulyoved0

除錯

Schema Checker

Validate JSON-LD structured data markup on a website. Checks for required schema types and fields, suggests missing schemas for the site's vertical. Use when schema markup needs auditing or adding.

Mumega-com0

Mobile First Responsive

Mobile-first responsive design with Tailwind CSS v4. Use when building responsive layouts, configuring breakpoints, creating touch-friendly UIs, implementing dark mode, or optimizing for mobile devices. Covers grid/flexbox patterns, responsive typography, image optimization, and accessibility.

MUmerRazzaq0

React Form Handling

Provides robust patterns and reusable components for handling forms in React. Use this skill when building forms that require validation, error handling, multi-step flows, file uploads, or complex submission logic. It covers libraries like React Hook Form, Zod, and Yup, offering templates and best practices for creating performant and user-friendly forms.

MUmerRazzaq0

CI/CD

Vercel Deployment

Comprehensive skill for deploying applications to Vercel. Covers all deployment types: single projects, monorepos, static sites, Next.js, React, Python/FastAPI backends, serverless functions, and edge functions. Use when deploying to Vercel, configuring vercel.json, setting up environment variables, troubleshooting deployments, or understanding Vercel's architecture.

MUmerRazzaq0

安全

Nextauth Rbac

NextAuth.js v4 authentication and RBAC patterns for MeritGrid. Covers JWT sessions, role-based access control (STUDENT/TALENT/ORG/ADMIN), Prisma adapter, and Google OAuth setup.

muneeb20040

Framer Motion Ui

Framer Motion animation patterns for MeritGrid's premium SaaS UI. Covers page transitions, micro-animations, modal animations, hover effects, and design token integration.

muneeb20040

Dominion Interface Architect

Expert UI/UX designer for browser-based MMOs. Specializes in converting split-view architectures into unified, fully responsive layouts using CSS Grid/Flexbox. Enforces "One View, Any Device.". Trigger on ui, css, layout, responsive, mobile refactor, frontend, design

mungus4510

代碼質素

Polish

Perform a final UI quality pass for spacing, alignment, states, motion, copy, and visual consistency before shipping.

munlucky0