webconsulting-branding
>
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
>
用于UI动画、伪元素和视图过渡的CSS模式。涵盖::before/::after装饰模式、点击目标扩展、按钮悬停效果、原生伪元素样式以及视图过渡API。在实现CSS伪元素、悬停效果、点击目标扩展、视图过渡或为像::backdrop、::placeholder、::selection这样的原生元素设置样式时使用,或者当用户提到“CSS 패턴”、“가상 요소”、“hover 효과”、“view tra…
使用React Router和react-router-auto-routes进行路由的指南
配置和指令 Tailwind CSS v4.1。@theme, @import, @source, @utility, @variant, @apply, @config。无需 tailwind.config.js 的 CSS 优先模式。
使用patchwork、cowplot或matplotlib GridSpec将多个图表组合成可用于出版的多面板图,并共享图例和面板标签。在将多个图表组合成出版物图表时使用。
在仅使用JavaScript(不使用TypeScript)构建Vue 3应用程序时使用。用于JSDoc类型标注、纯JS组合式函数、.mjs模块。
将基于Hyva UI模板的组件应用到Hyvä主题。当用户希望向其Hyvä主题添加、安装或应用Hyva UI组件(如页眉、页脚、画廊、菜单、迷你购物车等)时,应使用此技能。它列出了可用的非CMS组件及其变体,显示组件README说明,并将组件文件复制到主题目录中。
专业指南,用于构建具有发布-订阅消息传递、频道、存在跟踪、Spaces(协作UI)、LiveObjects(共享状态)、Chat SDK(完整消息传递)和LiveSync(数据库同步)的实时React/TypeScript应用程序。当使用Ably、实时消息传递、WebSockets、发布-订阅模式、频道、存在检测、协作功能、实时光标、头像堆叠、组件锁定、共享状态、无冲突更新、聊天室、输入指示器、消…
Web平台设计和可访问性指南。在构建Web界面、审核可访问性、实现响应式布局或审查Web UI代码时使用。触发条件涉及HTML、CSS、Web组件、WCAG合规性、响应式设计或Web性能的任务。
在创建QML视图文件、设计QML组件层次结构、构建布局、样式化QML控件、创建可重用的QML组件、实现QML导航/页面切换或处理QML资源时使用此技能。涵盖QML文件结构、组件模式、Material/Controls样式、资源管理和桌面应用程序中常见的QML惯用法。
使用dagre与React Flow (@xyflow/react)自动布局图形。在实现自动布局、层次布局、树状结构或程序化排列节点时使用。触发条件包括dagre、自动布局、自动排版、getLayoutedElements、rankdir、层次图。
交互性工具类 Tailwind CSS v4.1。光标(cursor-*),滚动(scroll-smooth, scroll-snap-*, overscroll-*),用户选择(select-*),指针事件(pointer-events-*),触摸操作,调整大小,插入符颜色,强调色。
使用NetworkX、PyVis和Cytoscape自动化来可视化生物网络,包括基因调控网络、蛋白质相互作用网络和共表达模块。生成交互式和出版质量的网络图。在从相互作用数据、GRN结果或共表达模块创建网络图时使用。
全栈头部管理器,专为Vue构建。在编写导入"@unhead/vue"的代码时总是使用它。咨询有关调试、最佳实践或修改@unhead/vue, unhead/vue, unhead vue, unhead的信息。
UX审查 - 分析以效率为先的UX模式、键盘导航和专业工具体验
所有LiveView工作都必须执行。在编写LiveView模块或.heex模板之前调用。
UI动效和动画原则指南,适用于网页/应用程序界面。涵盖弹簧与缓动决策框架、时间/物理规则、AnimatePresence退出模式、变形图标以及容器边界动画等内容。在实现或审查动画、过渡效果、动效设计时使用,或者当用户提到“动画”、“动效”、“弹簧”、“缓动”、“AnimatePresence”、“变形图标”、“容器动画”、“UI动效”、“过渡”等术语时参考本指南。不适用于仅涉及CSS样式的模式(请…
适用于Swift架构设计和实现模式的代理技能,包括特定架构的游戏手册和审查清单。在设计新功能、重构现有模块、审查拉取请求或调试SwiftUI/UIKit项目中的可维护性问题时使用,当你需要具体的MVVM、MVI、TCA、Clean Architecture、VIPER或响应式模式指导时。
TanStack Router - 100% 类型安全的路由,基于文件的路由,加载器,搜索参数。在实现React应用(非Next.js)中的路由时使用。
【必读·强制】公司前端开发强制规范。编写或修改任何前端代码前必须先阅读本技能。涵盖 Composition API 强制规范、命名约定、接口调用规则、Pinia 状态管理、组件拆分等全部开发约束。
当用户请求“创建UI操作”、“表单按钮”、“UI策略”、“表单行为”、“隐藏字段”、“使字段成为必填项”、“上下文菜单”、“列表操作”,或任何ServiceNow UI操作和UI策略开发时,应使用此技能。
为Magento 2中的Hyvä主题编译Tailwind CSS。当用户想要构建样式、生成CSS、编译Tailwind、运行Tailwind或为Hyvä主题创建生产/开发样式表时,应使用此技能。触发短语包括“compile tailwind”、“build styles”、“generate css”、“run tailwind”、“build css”或“npm build for theme”…
无描述
在使用JavaScript/TypeScript编写、审查或重构GSAP动画代码(补间动画、时间线、ScrollTrigger、matchMedia、插件使用和性能调优)时,采用这种规则可以确保遵循生产安全的动画模式。