微信扫一扫把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
在任何Constructive应用程序的公共数据库上使用_meta GraphQL端点，在运行时内省表结构，并渲染完全动态的CRUD表单，无需静态字段配置。涵盖DynamicFormCard（创建/编辑/删除）、从上下文中锁定的外键预填充（defaultValues + defaultValueLabels）以及O2M/M2M相关记录模式。在为任何由Constructive提供的表构建创建/编辑/…
以《你不知道的JavaScript》作者Kyle Simpson的风格编写JavaScript代码。强调对JavaScript机制（作用域、闭包、this、原型和异步）的深入理解。当你需要真正理解JavaScript的行为时使用。
TextMeshPro (TMPro) 专家，擅长Unity文本渲染、高级排版、性能优化和专业文本效果。精通字体资源创建、动态字体、富文本格式化、材质预设和文本网格优化。主动应用于文本渲染、字体管理、本地化文本、UI文本性能或文本效果实现。
逐步指南，用于将Cumulocity Web SDK项目从1018以下版本升级到1018（Angular 15）。涵盖依赖项更新、TypeScript版本、Node版本要求以及从已弃用的HOOK令牌提供程序迁移到函数钩子。
使用Framer Motion和CSS进行网页动画、过渡效果和动态设计的专家
为启用了AgentPulse的React应用程序添加视觉动画（光标、打字、点击效果）。使用场景：向用户展示AI正在执行的操作，为代理操作添加视觉反馈，配置元素定位以实现动画效果。
优化、重构并解释Fynd Commerce主题代码库（FDK React模板）。包括Vercel React的最佳实践（8个类别中的57条规则），用于编写优化的React代码。当被要求定位或解释`src/`中的功能、应用主题或React性能最佳实践、讨论主题部分/块、优化包大小或渲染、消除瀑布流，或澄清Storefront GraphQL查询如`productPrice`时，请使用这些规则。
从网页访问实时摄像头并阻止图库——捕获管道的基础
以《学习JavaScript设计模式》的作者Addy Osmani以及Chrome DevTools工程师的风格编写JavaScript代码。强调设计模式、性能优化和渐进式Web应用程序。在构建高性能、结构良好的应用程序时使用。
以Raph Levien（Druid、Xilem和Vello的架构师）的风格构建原生UI。强调声明式反应架构、同步树变换、GPU加速渲染以及惯用的Rust模式。在设计响应迅速且美观的原生UI或2D图形系统时使用。
使用UI Toolkit和UGUI构建和优化Unity UI。精通响应式布局、事件系统和性能优化。可用于UI实现、Canvas优化或跨平台UI挑战。
指导开发者搭建新项目，例如开发插件，并实现与Cumulocity Codex设计系统基础一致的清晰、一致的HTML布局。
使用合适的色彩理论、字体排印、间距和视觉层次来设计美观且一致的用户界面。在创建设计系统、选择颜色和字体或确定视觉方向时使用。涵盖色彩理论、字体排印比例、间距系统和设计原则。
在为模型驱动的应用程序创建、部署或管理Dataverse网络资源时使用。涵盖JavaScript表单脚本（OnLoad、OnSave、OnChange事件）、HTML仪表板页面、CSS样式、图像资源、导航/侧边栏、功能区/命令栏自定义、业务流程流客户端API，以及通过Web API进行的部署。触发关键词包括：“web resource”、“javascript form”、“form script…
使用mermaid-cli (mmdc)工具从Mermaid标记生成、验证和修复图表。在创建流程图、序列图、类图、状态图、ER图、甘特图、饼图、思维导图或任何Mermaid支持的图表类型时使用。当验证、校验或修复Mermaid图表语法时也使用。触发条件为提及mermaid、mmdc、图表生成、图表验证或将.mmd文件转换为图像/SVG/PDF。
使用Microsoft.Maui.Graphics、GraphicsView进行自定义绘图的指南，包括画布绘图操作、形状、路径、文本渲染、图像绘制、阴影、裁剪以及画布状态管理。用于：“自定义绘图”、“GraphicsView”、“画布绘图”、“绘制形状”、“绘制路径”、“绘制文本”、“ICanvas”、“IDrawable”、“阴影”、“裁剪”、“Microsoft.Maui.Graphics”。…
以Redux的共同创建者和React核心团队成员Dan Abramov的风格编写JavaScript代码。强调可预测的状态管理、组合优于继承以及开发人员体验。在构建React应用程序或管理复杂状态时使用。
构建美观且易于访问的语义化CSS网页界面的技能。提供包含6个主题系统的颜色、字体、间距和效果的设计令牌。在使用可扩展、有意义的CSS样式来优先考虑可访问性和主题化的网页应用程序时，请使用此技能。
R3（响应式扩展）库专家，专注于现代响应式编程模式、事件驱动架构和可观察流。精通R3特有的功能、异步枚举集成以及Unity优化的响应式模式。主动使用于R3实现、响应式编程或MVVM/MVP架构。
迁移Cumulocity Web SDK项目从1020到1021（Angular 18）的逐步指南。涵盖了@c8y依赖项更新、Angular 18 ng更新、ngx-bootstrap和CDK升级，以及为了使用angular.json样式数组而移除brandingEntry。
在React或Electron项目中设置AgentPulse。当用户希望添加AgentPulse、使其应用程序可由MCP控制，或与Claude Code/Claude Desktop集成时使用。这是一次性设置技能。如需帮助编写useExpose钩子，请改用“agentpulse”技能。
构建具有设计工程工艺的界面——设计与代码的交汇点。当用户要求构建UI组件、交互元素、动画、微交互或精致的网络体验时，使用此技能。当提到“设计工程师”、“交互设计”、“微交互”、“工艺”、“打磨”、“愉悦”、“动画”、“动态设计”、“触觉”、“提示”、“命令面板”、“设计系统组件”，或请求感觉生动、响应迅速且细节考究的界面时触发。当用户希望添加不可见的细节、精细调整交互或使某些东西“感觉合适”时，也…
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序（例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局，或美化任何网页UI）时，请使用此技能。生成富有创意且精致的代码和UI设计，避免通用的人工智能美学。
适用于Obsidian主题的CSS/SCSS开发模式。在处理theme.css、SCSS变量或CSS选择器时加载。