hig-components-layout
Apple Human Interface Guidelines对于布局和导航组件的指导。当用户询问侧边栏、分屏视图、标签栏、标签视图、滚动视图、窗口设计、面板、列表视图、表格视图、列视图、大纲视图、导航结构、应用程序布局、盒子、装饰物,或在Apple应用程序中按层次组织内容时使用此技能。此外,当用户说他们应该如何组织他们的应用、应该使用哪种导航模式、他们的布局在iPad上出现问题、如何构建一个侧…
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
Apple Human Interface Guidelines对于布局和导航组件的指导。当用户询问侧边栏、分屏视图、标签栏、标签视图、滚动视图、窗口设计、面板、列表视图、表格视图、列视图、大纲视图、导航结构、应用程序布局、盒子、装饰物,或在Apple应用程序中按层次组织内容时使用此技能。此外,当用户说他们应该如何组织他们的应用、应该使用哪种导航模式、他们的布局在iPad上出现问题、如何构建一个侧…
创建网页表单的分步指南
手写、调试、转换和优化Unity ShaderLab/HLSL着色器,支持URP(通用渲染管线)、HDRP(高清晰渲染管线)和内置渲染管线,并且针对跨平台目标(移动设备、PC、游戏主机、WebGL)。用于着色器编写、管线迁移、BRDF或光照工作、着色器性能调优、自定义渲染特性或自定义通道集成以及着色器问题排查。
UI/UX设计智能。汇总Web应用程序的界面布局、组件、样式指南。附带可搜索的设计数据库,包含50多种样式、97种调色板、57种字体配对、99条UX指南、25种图表类型以及支持9种技术栈。
创建具有高设计质量的独特生产级前端界面。当用户要求构建网页组件、页面、作品、海报或应用程序时使用此技能(例如网站、登录页面、仪表板、React组件、HTML/CSS布局,或者美化任何网页UI)。生成富有创意且精致的代码和UI设计,避免通用的人工智能美学。
Tailwind CSS高级布局技术,包括CSS Grid和Flexbox模式
代码文档代理 —— 使用/docs write编写/更新文档,使用/docs check检查状态。最小化代码块,基于引用指针。
与翻译管理系统和国际化工作流程集成。连接Crowdin、Transifex、Weblate,管理翻译记忆库,同步术语表,并自动化本地化流程。
在开发Chrome扩展程序方面拥有专业知识,涵盖了从基础架构到高级功能的所有方面。包括Manifest V3、服务工作者、内容脚本、Chrome API、弹出窗口和选项页面、安全性、性能、测试、调试和发布等内容。适用于开发Chrome扩展程序或将Manifest V2迁移到V3时使用。对于HTML、CSS和JavaScript的最佳实践以及现代Web API,请使用modern-web-dev技能…
设计并实现带有清晰表单流程、验证和API集成的仪表盘创建界面,以确保首次使用的成功。在构建或改进“创建仪表盘”用户体验时使用。
引导用户完成Tauri窗口自定义,包括自定义标题栏实现、透明窗口、窗口装饰、拖动区域、窗口菜单、子菜单以及桌面应用程序的菜单快捷键。
前端UI/UX设计智能 - 当用户请求美观、惊艳、华丽或有美感的界面时激活。在实施之前进行设计决策的主要技能。50种风格,21种调色板,50种字体搭配,20种图表,8种技术栈(React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind)。动作:计划、构建、创建、设计、实施、审查、修复、改进、优化、增强、重构、检查前端U…
使用Python构建Gradio网页界面和演示。在创建或编辑Gradio应用程序、组件、事件监听器、布局或聊天机器人时使用。
Unreal Engine 5蓝图音频专家。在处理蓝图音频逻辑、游戏事件检测、参数连接、音频组件、扫描蓝图中的音频节点、列出项目资产或将游戏状态通过UE5连接到音频系统时使用。
n8n工作流自动化模式和API集成。这项技能应该
构建自动化计费系统,用于定期付款、开票、订阅生命周期和催收管理。在实施订阅计费、自动化开票或管理重复性收费时使用。
有主见的、不断发展的约束来指导代理在构建界面时的行为
国际化和本地化。i18next(React, Node.js),next-intl,vue-i18n,ICU消息格式,复数形式,日期/数字格式化,以及RTL支持。使用场景:当用户提到“i18n”,“国际化”,“本地化”,“l10n”,“i18next”,“翻译”,“next-intl”,“vue-i18n”,“ICU格式”,“RTL”时。不应用于:字符编码 - 一般编程;货币/支付格式化 - 使用…
将设计原型(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 页面
Qt资源系统 — .qrc文件,嵌入图标和资产,在运行时加载资源,以及使用pyrcc6或PySide6-rcc。当将图标、图片或其他文件捆绑到应用程序中,通过":/"路径加载资源,或者从基于文件系统的资产方法迁移时使用。触发短语:".qrc文件","嵌入图标","pyrcc6","PySide6-rcc","捆绑的资产","资源路径",":/icons/","QIcon","来自资源的QPixma…
深度集成套接字API,用于跨平台的TCP/UDP编程。执行套接字操作,分析套接字选项和缓冲区配置,调试连接状态,并为不同的I/O模型生成优化的套接字代码。
通过Rube MCP(Composio)自动化Calendly的日程安排、事件管理、邀请人跟踪、可用性检查和组织管理。始终先搜索工具以获取当前模式。