微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
用于Rails前端开发的Stimulus和Turbo模式。当使用Hotwire、Stimulus控制器、Turbo框架/流、渐进增强或现代Rails JavaScript时自动调用。在遇到"Stimulus"、"Turbo"、"Hotwire"、"turbo_frame"、"turbo_stream"、"Stimulus controller"、"data-controller"、"data-ac…
HTML设计转代码还原技能，用于本地.html原型。当用户要求将设计稿还原、复制、重建或像素级匹配到当前项目栈和语言中时使用。触发词包括：还原设计稿, HTML还原, 复刻页面, 像素级还原, design to code, restore UI, replicate page, convert html mockup, implement from html file, React, Next.…
将设计原型（HTML、CSS、Figma导出）转换为可用于生产的组件。分析原型结构，提取设计标记，识别可重用模式，并生成类型化的React组件。默认适应现有的技术栈，使用React + TypeScript。
UI/UX设计智能。50种风格，21种调色板，50种字体搭配，20种图表，9种框架（React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui）。操作：规划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查UI/UX代码。项目：网站、着陆页、仪表盘、管理面板、电子商务、SaaS、作…
根据用户上传的资料（文字、图片、视频等）和指定的风格类型，查找 references/html_style_summary 目录下的风格总结文件，生成符合规范的 HTML 页面
为您的项目生成创意域名想法，并检查多个顶级域名（.com, .io, .dev, .ai等）的可用性。节省了大量头脑风暴和手动检查的时间。
SEO 文章撰写。当用户需要创建搜索引擎优化的内容、撰写营销文案或优化网站内容时使用此技能。
执行AdCP创意协议操作与创意代理 - 从简报或现有资源构建创意，预览渲染，并发现格式规范。当用户想要生成或转换广告创意、预览广告外观或了解创意格式要求时使用。
精通为网页构建3D体验 - Three.js、React Three Fiber、Spline、WebGL以及交互式3D场景。涵盖产品配置器、3D作品集、沉浸式网站，并为网页体验增添深度。使用于：3D网站、three.js、WebGL、react three fiber、3D体验。
数据可视化
UI/UX设计智能。汇总Web应用程序的界面布局、组件、样式指南。附带可搜索的设计数据库，包含50多种样式、97种调色板、57种字体配对、99条UX指南、25种图表类型以及支持9种技术栈。
使用HTML5、Canvas、WebGL和JavaScript构建基于网页的游戏引擎和游戏的专家级技能。当被要求创建游戏、构建游戏引擎、实现游戏物理效果、处理碰撞检测、设置游戏循环、管理精灵图、添加游戏控制或处理2D/3D渲染时使用。涵盖平台游戏、打砖块风格游戏、迷宫游戏、瓦片地图、音频、通过WebRTC实现多人游戏以及发布游戏的技术。
使用C#和.NET构建WPF桌面应用程序的最佳实践。适用于从事WPF项目、.NET桌面应用程序、XAML用户界面、MVVM架构、系统托盘应用程序，或任何使用Windows Presentation Foundation的C#项目时。
当用户要求“优化以适应AI”、“被ChatGPT引用”、“AI优化”、“出现在AI答案中”、“GEO优化”、“被AI引用”、“出现在ChatGPT答案中”、“AI不提及我的品牌”或“使内容易于被AI引用”时使用。该服务将内容针对生成性引擎优化（GEO）进行调整，以提高被像ChatGPT、Claude、Perplexity和Google AI概览这样的AI系统引用的机会。它使得内容对AI友好同时保持…
优化代理技能以便在ClawdHub/MoltHub上被发现。当提高搜索排名、为语义搜索编写描述、理解注册表如何索引技能、测试搜索可见性或分析为什么某个技能未被找到时使用。
为微信技术文章标题提供多种模式的手工制作和重写服务（如列表、对比、结果、场景、反神话、模板等）。当用户需要进行标题头脑风暴或希望获得“克制但吸引点击”的技术/工程类微信公众号文章标题改写时使用。
基于重构UI原则的生产级移动应用UI设计。始终激活用于：Flutter应用、移动应用、iOS应用、Android应用、移动UI、应用屏幕、移动导航、底部工作表、移动表单、触摸目标、移动字体排印、应用配色方案、移动卡片、列表视图、移动模态框、标签栏、应用栏、浮动操作按钮。提供移动设计工作流程、触控优化间距、移动字体排印比例、平台感知模式。土耳其语：mobil uygulama tasarımı, F…
UI/UX设计师技能，负责用户界面设计和用户体验优化。适用于以下场景： (1) 制作产品界面原型 (2) 设计交互流程和动效 (3) 制定视觉规范和设计系统 (4) 进行用户研究和可用性测试 (5) 输出设计稿和切图资源 (6) 优化用户体验和转化率
生成架构图作为.excalidraw文件。当用户要求创建架构图、系统图、可视化代码库结构、基础设施图或生成excalidraw文件时使用。
使用Framelink Figma-Context-MCP（get_figma_data和download_figma_images）将Figma节点转换为具有1:1视觉保真度的生产就绪代码。当用户提供Figma URL或节点ID，或要求实现必须与Figma完全匹配的组件/页面时触发，并且工作流应使用Figma-Context-MCP而不是官方的Figma MCP服务器。
Qt布局管理器——在容器内排列和调整控件的大小。当放置控件、控制调整大小的行为、构建表单布局、创建分割器、嵌套容器或调试未按预期显示的控件时使用。触发短语："排列控件"，"布局"，"调整大小行为"，"QSplitter"，"居中控件"，"控件不可见"，"扩展以填充"，"固定大小"，"拉伸因子"，"表单布局"，"网格布局"，"间距"，"边距"
擅长构建和销售Notion模板作为业务 - 不仅仅是制作模板，而是建立一个可持续发展的数字产品业务。涵盖模板设计、定价、市场平台、市场营销等方面。
当用户希望在LinkedIn、Twitter/X、Instagram、TikTok、Facebook或其他平台上创建、安排或优化社交媒体内容时。也适用于用户提到'LinkedIn...'的情况。
商业策略、货币化模型、资金管理、定价以及BNB链上BAP-578非同质化代理的市场推广计划。在规划NFA部署的商业方面时使用。