Components d’interfície
Generació de components d’interfície i implementació d’estils amb codi
pencil-ui-design
AllenAI2014
使用 Pencil MCP 创建工业级 UI 设计的完整工作流和组件库
material-you-slides
yzlnew
Create presentation slides using Material You (Material Design 3) style. Generates 1280x720 HTML slides with M3 color tokens, Roboto typography, rounded cards, flow diagrams, metric cards, code blocks, and structured layouts. Use when the user asks to create slides, presentations, or decks and wants a clean, modern Material Design 3 aesthetic.
mapbox-style-patterns
mapbox
Common style patterns, layer configurations, and recipes for typical mapping scenarios including restaurant finders, real estate, data visualization, navigation, delivery/logistics, and more. Use when implementing specific map use cases or looking for proven style patterns.
tikz-flowchart
yzlnew
"Creates professional TikZ flowcharts with a standardized style (Google Material-like colors, node shapes, and layout)."
epic-ui-guidelines
epicweb-dev
Guide on UI/UX guidelines, accessibility, and component usage for Epic Stack
x-impact-checker
tonkotsuboy
Analyze X (Twitter) posts for viral potential using the actual recommendation algorithm. Use when user wants to: (1) Check if a post will go viral, (2) Optimize a tweet for engagement, (3) Improve post performance. Triggers: "Check if this will go viral", "Make this post buzz", "Will this tweet perform well?", "Optimize my tweet", "How can I make this viral?", "バズるかチェックして", "Xでバズる投稿にして", "伸びるかチェックして", "この投稿を伸ばして", "投稿を改善して", "ツイートを最適化して"
epic-routing
epicweb-dev
Guide on routing with React Router and react-router-auto-routes for Epic Stack
web-artifacts-builder
LeastBit
用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。
frontend-design
LeastBit
创建独特的、生产级别的高质量前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序时使用此技能(例如网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任何网页 UI 进行样式美化)。生成富有创意、精致的代码和 UI 设计,避免千篇一律的 AI 审美。
canvas-design
LeastBit
使用设计哲学创作精美的 .png 和 .pdf 格式视觉艺术作品。当用户要求创作海报、艺术品、设计作品或其他静态作品时,应使用此技能。创作原创视觉设计,切勿复制现有艺术家的作品以避免版权侵权。
stacks-design-output
stacksjs
Use when generating stx components or design deliverables in a Stacks app and completeness matters - banning placeholder comments and truncation so you ship whole, runnable stx files instead of skeletons. Composes with stacks-design-taste and the aesthetic-preset skills as a full-output enforcement layer.
stacks-design-soft
stacksjs
Use when a Stacks UI should feel high-end, "expensive", soft, and premium - designing a landing page, hero, marketing section, pricing, or portfolio that needs generous whitespace, premium fonts, soft diffused shadows, and spring-like motion. Composes with stacks-design-taste as an aesthetic preset built on stx + ts-css + composables.
wechat-article-aggregator
wwwzhouhui
"微信公众号文章聚合器。通过 mptext.top API 批量获取指定公众号博主的最新文章列表,下载文章内容并解析为 Markdown/HTML/纯文本格式。支持按公众号名称或 fakeid 获取,预置 8 个热门 AI 技术公众号。适用场景:获取指定公众号最新文章、批量抓取多个博主内容、公众号文章聚合阅读、技术资讯采集。关键词:公众号文章获取、微信文章抓取、公众号聚合、文章采集、mptext API。"
公众号封面生成器
wwwzhouhui
"根据主题和标题生成现代风格的公众号封面图,使用jimeng-mcp-server生成3D插画风格底图,叠加文字层生成HTML,并可选择性转换为高质量PNG/JPG图片"
vueuse-functions
vueuse
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
simple-refactor
proflead
Suggest small refactors that improve readability without changing behavior. Use when a junior developer asks to clean up code.
UI/UX Pro Max - Design Intelligence
apconw
Aix-DB 基于 LangChain/LangGraph 框架,结合 MCP Skills 多智能体协作架构,实现自然语言到数据洞察的端到端转换。
report-generation
apconw
生成数据分析报告:查询数据 → 深度分析归因 → 输出 HTML 可视化报告
system-design-draft
proflead
Draft a practical system design for a feature. Use when a mid-level developer needs a starting architecture.
queue-processing-patterns
proflead
Design safe queue consumers and retries. Use when a mid-level developer needs reliable background processing.
dotnet-ui
novotnyllc
Builds .NET UI apps across Blazor (Server, WASM, Hybrid, Auto), MAUI (XAML, MVVM, Shell, Native AOT), Uno Platform (MVUX, Extensions, Toolkit), WPF (.NET 8+, Fluent theme), WinUI 3 (Windows App SDK, MSIX, Mica/Acrylic, adaptive layout), and WinForms (high-DPI, dark mode) with JS interop, accessibility (SemanticProperties, ARIA), localization (.resx, RTL), platform bindings (Java.Interop, ObjCRuntime), and framework selection. Spans 20 topic areas. Do not use for backend API design or CI/CD pipelines.
name-location-generator
nicmarti
Génère des noms de lieux (cités, villes, villages, régions) cohérents avec les 4 factions. Utilise des styles distincts par royaume (valdorine maritime, karvath militaire, lumenciel religieux, astrène mélancolique). Intégré avec world-keeper pour validation.
monetizing-innovation
pmprompt
Use when asked about "pricing strategy", "willingness to pay", "value metric", "packaging tiers", "good better best pricing", "subscription vs usage pricing", or "price before product". Helps design products customers will pay for and choose pricing models that capture value. Based on Madhavan Ramanujam's Monetizing Innovation framework from Simon-Kucher.
image-generator
nicmarti
Génère des images heroic fantasy pour BFRPG via fal.ai FLUX.1. Portraits de personnages/PNJ, scènes d'aventure, monstres, objets magiques et lieux. Utilise des prompts optimisés pour le style fantasy médiéval.