cometchat-angular-theming
CometChat Angular UI Kit v4 主题定制技能:通过 CometChatThemeService 调色板、组件级样式对象与 CSS 变量,实现明暗模式、品牌色、字体与气泡样式定制。
找到适合任务的 Agent Skill,阅读介绍并复制安装命令。
更新于 10-28 00:17
11,240 个结果
CometChat Angular UI Kit v4 主题定制技能:通过 CometChatThemeService 调色板、组件级样式对象与 CSS 变量,实现明暗模式、品牌色、字体与气泡样式定制。
用于诊断和修复 CometChat Angular UI Kit v4 集成故障的技能,覆盖初始化/登录、CUSTOM_ELEMENTS_SCHEMA、assets 配置、模块导入、高度布局、路由、主题、通话、扩展及 v3→v4 升级等常见问题。
Remotion CLI 是 Remotion(基于 React 的编程式视频框架)的官方命令行工具,可通过终端命令渲染视频、音频和静态图像,并预览合成、列出可用合成 ID,适合代理自动化生成营销视频、演示和视觉素材。
这是一个面向前端开发的高能动性技能(Skill),定位为资深 UI/UX 工程师,用于在生成数字界面时覆盖大语言模型默认的设计偏好。它通过一组可配置的基线参数(设计变化度 8、动效强度 6、视觉密度 4)驱动生成逻辑,并强制执行基于度量的规则、严格的组件架构与 CSS 硬件加速等性能约束。技能涵盖默认技术栈约定(React/Next.js、Tailwind CSS、RSC 安全、依赖校验)、设计工程指令(字体、配色、布局、材质、交互状态、表单模式)、反 AI 套路规则(禁用 emoji、禁用 Inter 字体、禁用 AI 紫、禁用纯黑、禁用三列卡片等),以及一套高端创意组件与动效参考库。适用于需要产出高质量、非模板化前端界面的场景。
favicon-gen 是一个用于生成完整网站图标包的工具,可从 logo、首字母缩写或品牌色出发,产出 SVG、ICO、Apple Touch Icon、Android/PWA 图标及 Web Manifest,并提供 HTML 集成代码。
frontend-design 是一个用于生成独特、生产级前端界面的设计技能,强调避免通用 AI 审美,要求先确认受众、用例与品牌调性等设计上下文,再以明确的美学方向实现可运行代码。
面向 shadcn/ui 的 UI 组件开发技能,提供组件创建、定制与样式化的最佳实践,涵盖设计令牌、Tailwind 集成、Radix UI 无障碍、复合组件导出与主题切换等规范。
面向 React 应用的 TanStack 生态开发指南,覆盖 TanStack Query/DB 的数据获取与集合、TanStack Form 的表单状态与校验、TanStack Router 的类型安全文件路由,并给出关键规则与校验清单。
web-perf 是一个用于诊断和修复首屏视觉抖动问题的技能,覆盖字体切换闪烁、图片解码弹出、布局偏移(CLS)、LCP/FCP 缓慢、先空白后绘制、水合/主题翻转等。适用于手写 @font-face、托管字体 CDN、原生 img 和资源提示的场景。
通过 cx logs 命令和 DataPrime 语法查询与分析 Coralogix 真实用户监控(RUM)数据的技能,适用于前端错误、页面加载时间、Web Vitals、网络请求、用户交互等排查场景。
Creative Claw 的 HTML 渲染技能:把固定尺寸的 HTML/CSS 布局渲染成 PNG,或用 HyperFrames 组合生成动态图形视频。仅在用户明确要求 HTML、CSS、HyperFrames 或代码驱动渲染时使用。
css-craft 是一个用于诊断、实现或审查 CSS 布局、层叠、响应式样式、主题、原生控件与动效的技能,适合处理聚焦的样式缺陷或 CSS 技术问题。
superpower-zustand 是一套用于创建 Zustand 状态管理的强制规范技能,要求统一使用 StoreBuilder 工具,以工厂模式分离状态与动作,内置 immer 中间件进行不可变更新,并支持可选的持久化配置。
用于构建 Vue 3 应用的 Vuetify 4 组件库技能,涵盖项目结构、布局、表单、导航、数据展示、主题与工具类,适合新建 Vuetify 4 项目或添加界面组件时参考。
SEED 设计系统的端到端组件实现指南,面向 React Web、Lynx 与跨平台组件开发。覆盖从平台判定、公开表面决策到架构分析、分层实现与验证的完整流程,并含 Storybook 快速路径。
该技能提供 Next.js 16.1+ App Router 的专家级知识,涵盖 Server Components、Client Components、Server Actions、Route Handlers、Turbopack、MCP 集成以及现代 React 模式等内容。面向使用 Next.js App Router 构建现代 Web 应用的开发者,技能内置 Next.js 16.1.1 的亮点说明,例如 Turbopack 改进、实验性 Bundle Analyzer(next experimental-analyze)、next dev --inspect 调试、next upgrade 升级命令,以及面向编码智能体的内置 /_next/mcp 端点。同时提供 next-devtools-mcp 的 MCP 服务器配置示例与可用工具清单,帮助 AI 编码代理实时获取构建/运行时/类型错误、日志、页面元数据、项目元数据、Server Actions 信息,并支持知识库查询、迁移工具与 Playwright 集成。
面向 React Native/Expo 的后台定位技能,涵盖权限申请、后台任务、Android 前台服务、电量优化与商店合规。适用于需要持续追踪的场景,如司机行程或导航。
面向 Expo SDK 57(React Native 0.86)的 Expo Router 导航技能,覆盖 Stack、Tabs、Drawer、类型化路由、深链与鉴权分组,并规定应用代码只从 expo-router 入口导入。
面向 Expo SDK、Expo Router 与 NativeWind 的移动应用开发技能,提供文件式路由导航、Tailwind 风格样式、推送通知与深链的参考指南,适用于构建生产级 React Native 应用。
frontend-screen 是一个用于按 Ocralis 项目模式创建或补全 React 页面的技能,结合 Shadcn UI、React Hook Form 与 Zod。适用于前端页面开发、API 对接与表单校验,遵循项目组件、路由与响应式约定。
用于按 company.service.ts 模式生成前端 Axios 服务的技能,封装 CRUD、鉴权头与上传逻辑,适用于补齐员工、机构、手续、OCR、薪资等缺失的 API 服务层。
用于为 React 组件、hooks 和 context 编写测试的技能,基于 Vitest 与 Testing Library,适用于为前端补充测试覆盖。
用于网页实时摄像头采集的 WebRTC/MediaDevices 技能,强制现拍摄像头画面、禁止从相册上传,适用于自拍与活体检测的采集管线基础。
Frontend Design 是一套面向前端界面视觉设计的指导技能,强调在构建新 UI 或重塑现有界面时做出有辨识度、有意图的设计决策。它把设计者当作小型工作室的设计负责人,要求围绕具体主题做出明确的调色板、字体与布局选择,并承担一个可被论证的审美风险。内容涵盖:以主题本身的世界(材料、器物、行话)作为设计灵感来源;英雄区作为论点开场;字体承载页面个性;结构装置应编码真实信息而非装饰;有节制地使用动效;复杂度与愿景匹配;以及文案作为设计材料来对待。流程上主张先头脑风暴出包含颜色、字体、布局与标志性元素的设计方案,再对照需求自检是否落入通用默认风格,确认独特性后才写代码,并在构建中持续自我批判。