设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
pymoo
Multi-objective optimization framework. NSGA-II, NSGA-III, MOEA/D, Pareto fronts, constraint handling, benchmarks (ZDT, DTLZ), for engineering design and optimization problems.
k-dense-aipptx-posters
Create and audit editable scientific posters in macro-free PowerPoint (.pptx) from author-approved local content and assets. Use when the requested deliverable is a PowerPoint research/conference poster and exact physical, printer, accessibility, provenance, and package-security checks are required.
k-dense-ai
impeccable
当用户想要设计、重新设计、塑造、评审、审计、打磨、澄清、提炼、加固、优化、适配、添加动画、着色、提取或以其他方式改进前端界面时使用。涵盖网站、落地页、仪表盘、产品UI、应用外壳、组件、表单、设置、引导流程和空状态。处理UX评审、视觉层次、信息架构、认知负荷、可访问性、性能、响应式行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX文案、错误状态、边界情况、国际化以及可复用的设计系统或令牌。也适用于需要更大胆或更令人愉悦的平淡设计、需要更安静的大声设计、对UI元素进行实时浏览器迭代，或追求技术上非凡的视觉效果。不适用于纯后端或非UI任务。
pbakausseaborn
与 pandas 集成的统计可视化。用于快速探索分布、关系和分类比较，具有吸引人的默认设置。最适合箱线图、小提琴图、成对图和热力图。基于 matplotlib 构建。对于交互式绘图使用 plotly；对于出版样式使用 scientific-visualization。
k-dense-ai
napkin
面向 Copilot CLI 的可视化白板协作工具。自动在浏览器中打开交互式白板，支持手绘草图、涂鸦和贴便签，并能将所有内容一键同步回 Copilot。Copilot 能直接识别你的画作与文字，并给出深入分析、建议与创意碰撞。
githubmatplotlib
Low-level plotting library for full customization. Use when you need fine-grained control over every plot element, creating novel plot types, or integrating with specific scientific workflows. Export to PNG/PDF/SVG for publication. For quick statistical plots use seaborn; for interactive plots use plotly; for publication-ready multi-panel figures with journal styling, use scientific-visualization.
k-dense-aipower-bi-performance-troubleshooting
系统化的Power BI性能故障排除提示，用于识别、诊断和解决Power BI模型、报表和查询中的性能问题。
githubmcp-create-adaptive-cards
从 mcp-create-adaptive-cards.prompt.md 转换而来的 Skill
githubimage-manipulation-image-magick
使用ImageMagick处理和操作图像。支持调整大小、格式转换、批量处理以及获取图像元数据。适用于处理图像、创建缩略图、调整壁纸尺寸或执行批量图像操作。
githubpower-bi-report-design-consultation
Power BI 报表可视化设计提示，用于创建高效、用户友好且可访问的报表，包含最佳图表选择和布局设计。
githublegacy-circuit-mockups
使用HTML5 Canvas绘图技术生成面包板电路模型和可视化图表。当被要求创建电路布局、可视化电子元件放置、绘制面包板图、模拟6502构建、生成复古计算机原理图或设计复古电子项目时使用。支持555定时器、W65C02S微处理器、28C256 EEPROM、W65C22 VIA芯片、7400系列逻辑门、LED、电阻、电容、开关、按钮、晶振和导线。
githubgame-engine
使用HTML5、Canvas、WebGL和JavaScript构建基于Web的游戏引擎和游戏的专家技能。当需要创建游戏、构建游戏引擎、实现游戏物理、处理碰撞检测、设置游戏循环、管理精灵、添加游戏控制或处理2D/3D渲染时使用。涵盖平台游戏、打砖块类游戏、迷宫游戏、瓦片地图、音频、通过WebRTC实现多人游戏以及游戏发布等技术。
githubdotnet-design-pattern-review
审查 C#/.NET 代码中的设计模式实现并提出改进建议。
githubpenpot-uiux-design
使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的综合指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 使用组件和设计令牌构建设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准和最佳实践；(5) 遵循平台指南（iOS、Android、Material Design）；(6) 审查或改进现有 Penpot 设计的可用性。触发词：“设计 UI”、“创建界面”、“构建布局”、“设计仪表盘”、“创建表单”、“设计落地页”、“使其无障碍”、“设计系统”、“组件库”。
github
oversized-cursor
超大macOS光标技术，用于HyperFrames启动视频。当场景涉及光标或指针引导操作、启动UI场景、通过点击触发变形/过渡/打字动画、或场景显得静态/死板/陈旧需要低成本高收益的运动来引导观众视线并脱离陈旧状态时加载。涵盖光标大小/外观（包括品牌主题光标）、屏幕外进入规则、尖端定位与点击、点击触发下一节拍、以及退出/跨场景交接。
heygen-com
cro
当用户希望优化、改进或提高任何营销页面或表单的转化率时使用，包括首页、落地页、定价页、功能页、潜在客户获取表单或联系表单。当用户提到'CRO'、'转化率优化'、'这个页面转化率不高'、'提高转化率'、'为什么这个页面不起作用'、'我的落地页很糟糕'、'表单放弃'、'没人转化'、'转化率低'或'这个页面需要改进'时也适用。即使用户只分享一个URL并请求反馈，也使用此技能。对于注册/登录流程，请参见signup。对于注册后的激活，请参见onboarding。对于弹窗/模态框，请参见popups。
coreyhaines31ab-testing
当用户想要规划、设计或实施A/B测试或实验，或建立增长实验项目时使用。当用户提到“A/B测试”、“拆分测试”、“实验”、“测试这个改动”、“变体文案”、“多变量测试”、“假设”、“我应该测试这个吗”、“哪个版本更好”、“测试两个版本”、“统计显著性”、“这个测试应该运行多久”、“增长实验”、“实验速度”、“实验积压”、“ICE评分”、“实验项目”或“实验手册”时也适用。每当有人比较两种方法并希望衡量哪种表现更好，或者他们想要建立系统化的实验实践时使用此技能。对于跟踪实施，请参见analytics。对于页面级转化优化，请参见cro。
coreyhaines31signup
当用户想要优化注册、登记、账户创建或试用激活流程时使用。也适用于用户提及“注册转化”、“注册摩擦”、“注册表单优化”、“免费试用注册”、“减少注册流失”、“账户创建流程”、“没人注册”、“注册放弃”、“试用转化率”、“没人完成注册”、“注册步骤太多”或“简化注册”时。只要用户有表现不佳的注册或登记流程，就使用此技能。对于注册后的引导，请参见onboarding。对于潜在客户捕获表单（非账户创建），请参见cro。
coreyhaines31popups
当用户想要创建或优化用于转化目的的弹窗、模态框、遮罩层、滑入式窗口或横幅时使用。当用户提到“退出意图”、“弹窗转化”、“模态框优化”、“潜在客户捕获弹窗”、“邮件弹窗”、“公告横幅”、“遮罩层”、“通过弹窗收集邮件”、“退出弹窗”、“滚动触发”、“粘性条”或“通知栏”时也使用。适用于任何遮罩层或中断式转化元素。对于弹窗外的表单，请参见cro。对于常规页面转化优化，请参见cro。
coreyhaines31aso
当用户想要审核或优化 App Store 或 Google Play 的应用列表时使用。也适用于用户提及“ASO 审核”、“应用商店优化”、“优化我的应用列表”、“提升应用可见性”、“应用商店排名”、“审核我的列表”、“为什么没人下载我的应用”、“提升应用转化率”、“应用关键词优化”或“与竞品对比”。当用户分享 App Store 或 Google Play 链接并希望改进时使用。
coreyhaines31scientific-visualization
Create and audit truthful, accessible, publication-ready scientific figures with Matplotlib, Seaborn, or Plotly. Use for figure design, multi-panel layouts, uncertainty and missing-data displays, color/contrast review, image metadata validation, and journal export planning.
k-dense-aicommunity-marketing
建立并利用在线社区来推动产品增长和品牌忠诚度。当用户想要制定社区策略、发展Discord或Slack社区、管理论坛或子版块、培养品牌拥护者、增加口碑传播、推动社区驱动增长、在用户注册后保持参与度，或将客户转化为产品传道者时使用。触发短语：“建立社区”、“社区策略”、“Discord社区”、“Slack社区”、“社区驱动增长”、“品牌拥护者”、“用户社区”、“论坛策略”、“社区参与”、“发展我们的社区”、“大使计划”、“社区飞轮”。
coreyhaines31image
当用户想要创建、生成、编辑或优化营销图片时使用——包括博客主图、社交媒体图形、产品样机、个人资料横幅、列表视觉或品牌资产。当用户提及以下关键词时也适用：'AI图像生成'、'生成图片'、'创建图形'、'产品样机'、'主图'、'社交媒体图形'、'横幅图片'、'封面照片'、'个人资料横幅'、'列表截图'、'Flux'、'Flux Kontext'、'Midjourney'、'DALL-E'、'GPT Image'、'ChatGPT Images'、'Ideogram'、'Gemini image'、'Nano Banana'、'Recraft'、'Stable Diffusion'、'Canva'、'Figma'、'图像优化'、'压缩图片'、'WebP'或'OG图片'。此技能适用于通用营销图片的创建和优化。对于付费广告创意和特定平台的广告规格，请参见ad-creative。对于视频制作，请参见video。
coreyhaines31hyperframes-keyframes
当 HyperFrames 合成需要可搜索的 2D/3D 关键帧、GSAP 时间线、CSS 关键帧、Anime.js、WAAPI、FLIP、路径、蒙版、SVG 变形/绘制、文本轨迹、3D 深度或 `hyperframes keyframes` 诊断时使用。不要用于广泛的场景策略、品牌设计、媒体来源、字幕或一般视频规划。
heygen-com