В каталоге 183 730 навыков в 14 категориях.
A marketing site and the product it sells share a brand but not a design system. The surfaces differ in density, type sc...
Integrate markstream-vue2 into Vue 2 plus Vite with bundled worker imports, CSS ordering, Composition API compatibility,...
Use to turn a screenshot, Figma export, mockup, wireframe, or any UI image into semantic, unstyled HTML or JSX. A scaffo...
Execute Marp slide deck generation from presentation specs.
Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech,...
Create an original animated pixel-art mascot (any animal) inside a React Native/Expo app: a zero-dependency pixel-map en...
Generate variations of the Orient mascot (border collie dog with blue bandana). Use transparent=true for web/UI images....
Force-fit patterns from other domains to spark novel concepts.
Maslow AI brand tokens - colors, typography, interaction states. Use with any UI framework.
When the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when t...
Guide for using MassGen to develop and improve itself. This skill should be used when agents need to run MassGen experim...
Establish the design system documentation for all course presentations.
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns...
Google Material Design 3, cards, elevation shadows, rounded corners.
Expert instructions for implementing modern UI components and theming using Material Design 3.
Create UI components and designs following Google Material Design 3 (Material You) guidelines. Use when building Materia...
严格遵循Material Design 3配色规范的守护工具,提供Flutter应用界面配色最佳实践指南,确保UI一致性和可访问性
Design, redesign, review, or implement user interfaces using Google Material Design 3 (M3), Material You, and optional M...
Use when material UI (MUI) React components — theming, styled engine, data grid, date pickers, icons. Use when working w...
Integrates Material UI with Next.js App and Pages routers using @mui/material-nextjs, Emotion cache providers, next/font...
Chooses the right Material UI styling approach (sx, styled, theme overrides, global CSS) from official MUI guidance. Use...
Integrates Material UI with Tailwind CSS v4 using cascade layers (enableCssLayer, @layer order) and documents Tailwind v...
Guides Material UI theming and design tokens (createTheme, ThemeProvider, palette, colorSchemes, cssVariables, theme.var...
Deterministic mathematical computation using SymPy. Use for ANY math operation requiring exact/verified results - basic...
Style MATLAB charts and figures. colororder palettes for chart series colors, colormap selection, brand color organizati...
Build MATLAB apps from requirements to working code. Asks discovery questions (or skips them when the path is known), re...
Model a Phase-Locked Loop (PLL) IC from its datasheet or system specs using Mixed-Signal Blockset. Without this skill, a...
Generate beautiful, distinctive HTML/CSS/JS control panels for MATLAB uihtml components. 8 built-in styles (Clean, Mater...
A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements
Tool-call row display registry for the matrx-extend side panel. Use when making a tool 'show up nicely', editing `src/fe...
Guide for theming .NET MAUI apps—light/dark mode support, AppThemeBinding, dynamic resources, ResourceDictionary theme s...
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wan...
Maxim Brand Intelligence — brand identity, voice architecture, visual identity systems, messaging frameworks, brand cons...
Maxim Design System Intelligence — token architecture (primitive→semantic→component), component library governance, CSS...
Maxim Presentation Intelligence — pitch decks, investor presentations, executive briefings, product demos, conference ta...
Maxim UI Styling Intelligence — shadcn/ui components, Tailwind CSS, CSS architecture, responsive design, dark mode, acce...
Expert in maximalist interior wall decoration including bold color choices, freehand paintings, statement wallpapers, ec...
Create professional 3D animations in Autodesk Maya using industry-standard workflows. Use for: keyframe animation, chara...
UI stack, build, and test conventions for NV oOS React SPA addons (toolkit-shell, chat-spa, schedule-anything-spa, saas-...
Design system for MCP App interfaces rendering inside Claude, VS Code, and other MCP hosts. Contains CSS custom properti...
Use this skill when designing, reviewing, migrating, or debugging MCP Apps / SEP-1865 interactive UI resources for MCP s...
This skill should be used when the user asks to "organize MCP tools", "structure multi-tool MCP", "design MCP architectu...
Skill converted from mcp-create-adaptive-cards.prompt.md
Use this skill for Laravel MCP development. Trigger when creating or editing MCP tools, resources, prompts, servers, or...
Make AI-generated Markdown readable. When the agent dumped a wall of text and you can't find the signal — this skill unp...
Audits web interfaces and media assets for accessible alternatives and operable controls across images, icons, SVG, canv...
Use and manage visual/media assets: reuse-first, formats, responsive delivery, fonts, caching, fallbacks, accessibility....
Combine multiple media assets (GIFs, videos) into composite tutorials.Supports vertical/horizontal layouts and sequentia...
Expert-level media production, content management, streaming, broadcasting, and media technology systems
AI-powered media production pipeline using Nano Banana Pro (images), KLING AI (video/transitions), and ElevenLabs (voice...
Reduce direct dependencies between objects by routing communication through a central mediator.
Use when preparing for, running, or closing a live meeting with an AI assistant dashboard. Triggers on "meeting copilot"...
Use when converting meeting transcripts, Clova Note exports, Slack huddle notes, speaker-labeled records, or AI summarie...
Meeting notes page — title bar with attendees, agenda checklist, decisions block, action items table with owners + dates...
Use this skill when a melonJS game looks blurry, soft, shimmering or cropped, or when choosing how the canvas fills its...
When the user wants to create memes, add humor to content, or generate visual aids for social media. Triggers on: "make...
Complete guide to the AgenticFleet memory system. Read this first.
Design and implement memory architectures for agent systems. Use when building agents that need to persist state across...
80s Memphis design movement — geometric shapes, loud colors, squiggles, and playful rebellion.
Use when replacing text brand marks with Iconify Simple Icons logos at 64x64. Prefer this over mengto-solar-duotone-bold...
Use when composing corner-anchored laser accents with thin beams, a bright emitter node, bloom, and atmospheric glow or...
Use when asked for dark-mode glassmorphism cards, frosted dark hero sections, blur panels, or glass UI with gradient/glo...
Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms)...
Create masked staggered word reveals on scroll with GSAP ScrollTrigger. Use when headings, hero copy, section titles, or...
Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders...
Use when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). Incl...
Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, co...
Use when building or debugging interactive 3D scenes on the web with Three.js (scene/camera/renderer, lights/materials,...
Use when embedding and customizing Unicorn Studio interactive animations on the web (embed, responsive sizing, performan...
PROACTIVELY invoke this skill when the user asks "how does this work?", "explain this", or seems confused by a concept....
Use this skill to generate well-branded interfaces and assets for MeowKit (AI Agent Toolkit for Claude Code), either for...
La familiaridad genera preferencia. Use cuando introduzca nuevos features, construya marca, o diseñe onboarding gradual.
Generate Mermaid diagrams for chatbot flows that render in Markdown, including choosing diagram types, producing valid M...
Guide for creating beautiful Mermaid diagrams with proper styling for GitHub markdown (dark/light mode compatible, no ic...
Must read guide on creating/editing mermaid charts with validation tools and syntax reference for all diagram types
Render Mermaid diagrams as ASCII/Unicode art or SVG
Provides comprehensive guidance for creating Mermaid diagrams. Mermaid is a JavaScript-based diagramming and charting to...
Creates Mermaid diagrams (.mmd) and generates PNG images from them. Use when the user wants to create flowcharts, sequen...
Generate mermaid class diagram generator operations. Auto-activating skill for Visual Content. Triggers on: mermaid clas...
description: Generate and standardize Mermaid diagrams with deterministic token-based theming from the repository root m...
Generate Mermaid diagrams from user requirements. Saves .mmd and .md files to figures/ directory with syntax verificatio...
Mermaid 플로우/시퀀스 다이어그램이 필요할 때
Generate Mermaid diagrams (flowcharts, sequence, class, state, ER, C4, mindmaps, gitgraph). Use when asked to create dia...
Mermaid diagram creation for flowcharts, sequences, ERDs, and more. Generate diagrams from text in markdown files. Use f...
Comprehensive guide for creating software diagrams using Mermaid syntax. Use when users need to create, visualize, or do...
Generate and validate Mermaid diagrams (component, sequence, ER, deployment, state machine) for features. Use when docum...
Use when creating Mermaid diagrams - covers flowcharts, sequence diagrams, and AST visualization
This skill should be used when the user asks to "create a diagram", "generate a flowchart", "add a sequence diagram", "v...
Create software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through di...
Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and sty...
将流程需求整理为可渲染的 Mermaid(简化版/详细版),并通过 Kroki 生成可发送的高分辨率 PNG 图片。适用于“把架构流程画出来并直接发图”的场景。
Visual design review using Playwright screenshots against mern-styleguide.
Design and UI style guide for MERN web apps. Premium consumer aesthetic.
Use this skill for texturing meshes with UV awareness, atlas creation, and UV remapping. **Triggers:** "texture charact...
Generate 3D models, textures, images, rig characters, animate them, and prepare for 3D printing using the Meshy AI API....
Chrome/silver gradients, reflective surfaces, and premium tech aesthetic with liquid-metal depth.
Run explicitly requested Metis 插件版 work with task routing, owned assignments, independent checks, and bounded recovery....
Control Metis Desktop Inspector built-in browser for local preview (HTML/SVG/file paths), page interaction, accessibilit...
KPI and metrics dashboard workflow covering metric definition, data sourcing,visualization design, and anomaly detection...
Analyze UI mockups, screenshots, or prototype frames to identify all trackable interactions and generate a complete anal...