“Ui” 共 2,195 个结果
io.github.remotion-dev/remotion/studio-mode
Understand the capabilities and restrictions of each Remotion Studio mode. Use when implementing or reviewing Studio actions, permissions, availability, or UI across interactive, detached, deployed, and browser-based Studios.
io.github.heygen-com/hyperframes/oversized-cursor
HyperFrames 发布视频专用的自家风格超大 macOS 光标技巧。当场景涉及光标或指针驱动的动作、需要开启一个 UI 场景、需要用点击为 morph/过渡/打字机效果点火，或某个场景显得静止、生硬、呆板、需要一个低成本高收益的运动源来牵引观众视线并打破停滞状态时加载。涵盖光标的尺寸/外观（含品牌母题光标）、画外入场法则、尖端定位与点击动作、点击点燃下一节拍，以及退出/跨场景交接。
io.github.microsoft/vscode/design-philosophy
VS Code 的设计理念——一套用于以设计语言而非原始像素来思考 UI 的共享价值观→原则→手法词汇。在设计、构建、评审任何可视化界或给出反馈，决定圆角、间距、字级角色、图标尺寸、边框、颜色或动效，或把感觉不对的观察转化为具体、有原则的修改时使用。
io.github.android/skills/leanback-to-compose-tv-migration
为 Android TV 应用提供从旧版 Leanback UI Toolkit、Android Views 或 Support Fragments 迁移到 Jetpack Compose for TV（androidx.tv）的指令与架构模式。用于 Leanback 到 Compose 的迁移，包括浏览页、设置页、认证页、登录页或视频播放页的迁移；或将 BrowseSupportFragment、LeanbackSettingsFragment、PreferenceFragment、BaseLeanbackPreferenceFragmentCompat、VideoSupportFragment、GuidedStepSupportFragment、SearchSupportFragment、VerticalGridSupportFragment、Presenter、ArrayObjectAdapter、CursorMapper 替换为现代 Compose 等价物；或实现带焦点记忆的沉浸式轮播、基于 PlayerSurface 的 Media3 视频播放、自定义 10 英尺客厅布局。
io.github.lobehub/lobehub/debug-frontend-with-browser
用于间歇性 UI、状态陈旧、顺序、导航或仅浏览器可复现的 bug。扩展验收流程，加入边界追踪与回归诊断。
io.github.CopilotKit/CopilotKit/react-core
@copilotkit/react-core——在 Next.js App Router / React Router v7 / TanStack Start / SPA 应用中挂载 CopilotKit provider（来自 @copilotkit/react-core/v2），接入 CopilotChat/CopilotPopup/CopilotSidebar（v2 聊天组件由 react-core/v2 提供，而非仅有 CSS 的 react-ui），通过 useAgent/useAgentContext/useCapabilities 访问和订阅 agent，在多个 agent 间切换，用 useThreads 管理持久的 Intelligence 会话线程，通过 useFrontendTool 注册浏览器端工具，用 useRenderTool/useComponent/useDefaultRenderTool 渲染工具调用，用 useHumanInTheLoop 做执行门控，用 useAttachments 接入文件附件，配置建议词，以及注册活动与自定义消息渲染器。publicLicenseKey 为正式字段（publicApiKey 是已废弃别名）。按任务加载 references/ 下对应的参考文件。
io.github.stablyai/orca/orchestration
协调受监督的 Orca worker:线程消息、阻塞式问答、任务派发、worker_done/escalation 等待、任务 DAG、决策关卡以及 agent 间的工作分解。完全所有权移交("hand off"、"handoff"、"give this to another agent"、"another worktree")用 orca-cli,除非需要监督、监控或协调 DAG;终端控制、轻量终端提示、shell 命令、Orca 工作树管理、读取/等待终端也用 orca-cli。仅当需要 OS/窗口级控制(焦点、菜单、对话框、坐标、截图)时,才用 Computer Use 操作外部浏览器窗口、webview、Orca 应用 UI 或 Orca 内置浏览器之外的桌面 UI。Orca 内置页面用 orca-cli,外部页面用 Playwright/CDP 等页面自动化工具。
io.github.langgenius/dify/frontend-testing
在 web/ 或 packages/dify-ui/ 下编写或修改 Vitest、React Testing Library 测试时使用，或用户明确要求制定前端测试策略（含评估现有策略）时使用。不适用于仅做前端代码审查、泛泛的可测试性讨论、Python 测试或 Cucumber/Playwright E2E。
io.github.topoteretes/cognee/cognee-docker
当用户希望用 Docker 或 docker compose 运行 cognee 时使用——包括用预构建镜像快速体验、在容器中启动 API 服务，或用 compose profile 拉起完整技术栈（UI、MCP、Postgres、Neo4j）。
io.github.anthropics/skills/frontend-design
在为全新 UI 或改造现有 UI 提供有辨识度、有意图的视觉设计指导。帮助把握美学方向、字体排印，避免设计看起来像模板化的默认样式。
io.github.supabase/supabase/safe-sql-execution
只要代码会构建、返回、拉取或执行针对用户真实 Postgres 数据库的 SQL，就使用本 skill——即使需求读起来像普通功能或 bug 修复，完全没提“security”“injection”或“SafeSqlFragment”。覆盖：编写或修改任何构造/返回数据库对象（表、视图、函数、DB 触发器、索引、RLS 策略）SQL 的 pg-meta 函数、查询构造器或接口；把 schema/表/列/搜索词/路由参数插入 SQL 文本；存储、读取或重跑从数据库往返的 SQL（策略定义、函数/视图定义、片段保存内容）；以及任何把 SQL 发到项目库的 Run/Apply/Execute 动作（SQL 编辑器执行选中、策略编辑器应用、片段执行器）。在动手写这类代码前就要加载，不要只在评审成品 diff 时才用。仅在改动完全不涉及 SQL 文本或执行时跳过——样式、无关的数据 hook、非 SQL 表单校验或 UI 布局工作。
io.github.n8n-io/n8n/design-system
关于如何使用 Design System 的样式与组件的规范。在 packages/frontend 中处理 .vue 文件时使用。涉及组件架构、样式、UI 改动或功能开发的场景都会触发。
io.github.PostHog/posthog/posthog-desktop
将工作限定在 products/desktop 下的桌面应用——一个嵌套的独立 pnpm/turbo/Biome 工作区，由现已归档的 PostHog/code 仓库引入；PR、CI 与发布以 posthog/posthog 为唯一事实来源，且不属于根前端或 Django 构建。当用户说 /posthog-desktop，或开发 Electron 桌面应用、apps/code、apps/web、apps/mobile、packages/core、packages/ui、packages/workspace-server、@posthog/api-client、@posthog/agent 或代理框架时使用。把工作目录钉在 products/desktop，以该目录树的工具链与约定取代 monorepo 的，并界定树外允许触碰的少数路径（应用调用的 Django API、根目录的 desktop-* CI）。
vcanary
io.github.lobehub/lobehub/design-prototype
用 LobeHub 真实设计系统（@lobehub/ui + antd + antd-style token）与生产风格 React 产出可交互的单文件 HTML 设计原型，无需构建步骤，浏览器直接打开。当被要求为某个页面或流程出设计原型/可交互 mockup/交互原型/设计稿 HTML，或在投入实现前探索重设计时使用。
io.github.tabler/tabler/html-diff
使用 `html-diff` 测试装置在所有预览页上证明重构不改变渲染 HTML。在任何应当输出中性的改动前后使用——抽取或重命名组件、用 `shared/ui` 组件替换手写标记、调整属性顺序、重构布局、迁移 SCSS 类生成逻辑——以及当用户询问改动是否安全或字节级一致时。涵盖基线采集、diff 阅读，以及何为可接受的差异。
io.github.PostHog/posthog/splitting-oversized-modules
以可证明、不改变行为的方式，把超大的 Python 模块（上千行的 logic.py、models.py、api.py 或其测试文件）机械拆分为按关注点分离的包。当被要求拆分/分解上帝模块或从中搬出函数、在改动前人工已同意拆分，或在动手重组约上千行的模块内代码之前使用——拆解长函数或就地抽取 helper 只会把一切留在同一文件里，因此先查看值不值得拆的门槛并提议拆分。涵盖该门槛、以无环依赖图把符号分配给关注点、AST 加 tokenize 的搬迁脚本，以及证明结果是纯移动。仅限 Python——前端文件请用 writing-ui-components。不适用于把共享 helper 抽取到 common/，也不适用于在 products 之间搬代码（那是 isolating-product-facade-contracts）。
io.github.vercel-labs/agent-skills/react-view-transitions
使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS 视图过渡伪元素）实现顺滑、接近原生体验动画的指南。只要用户想添加页面过渡、动画化路由切换、做共享元素动画、组件进出场动画、列表重排动画、前进/后退方向性导航动画，或在 Next.js 中集成视图过渡，就使用此技能。用户提到 view transitions、`startViewTransition`、`ViewTransition`、transition types，或询问如何不借助第三方动画库在 React 中做 UI 状态间动画时也应使用。
io.github.sickn33/agentic-awesome-skills/reverse-browser-automation
自动化浏览器（Playwright）与 Windows 桌面应用（UI 自动化），用于逆向工程取证、UI 驱动的工作流，以及分析过程中的网络观测。
io.github.deepseek-ai/deepseek-harness/dsh-prose-standard
在 deepseek-harness 仓库中编写、评审、恢复、精简或审计文案时使用，包括判定在 Markdown、JSDoc、代码与测试注释、提示词、描述、诊断信息、CLI 或 UI 文案中何处必须提供文档或注释。
io.github.code-yeongyu/oh-my-openagent/frontend
用于前端/Web UI/UX/视觉相关工作时务必使用：构建、样式、重设计页面或组件、React 配置、性能审计、视觉 QA、品味与打磨。会路由到四套规则集：设计品味 router 与品牌参考、面向 Playwright/Chromium 的 Lighthouse/Core Web Vitals 完美规则、ui-ux-db 调色板/字体/规范、designpowers 人设/可访问性/评审/交付；外加仅用 curl 的 lazyweb 真实应用界面研究与 beui.dev 交互目录。触发词：frontend、UI、UX、design、redesign、styling、layout、animation、motion、interaction、micro-interaction、make it feel alive、premium、luxury、minimal、brutalist、Awwwards、DESIGN.md、mockup、React、Lighthouse、accessibility、WCAG、Core Web Vitals、looks generic、make it pretty、like X brand、lazyweb、design research。
io.github.microsoft/vscode/chat-customizations-editor
在开发 Chat Customizations 编辑器时使用——即用于管理 agents、技能、指令、hooks、提示词、MCP 服务器与插件的管理界面。
io.github.TriliumNext/Trilium/adding-llm-mcp-tools
在 Trilium 中新增、修改或评审 LLM/MCP 工具时使用（packages/trilium-core/src/services/llm/tools/ 下 defineTools 定义的笔记/属性/附件/层级/图标/skill 等工具）——即同时暴露给应用内 LLM 聊天与外部 MCP server 的内容。涵盖 execute 为何必须是同步的（NotAPromise<T> 编译防护 + better-sqlite3 同步事务）、mutates:true→getSql().transactional 的接线、同时供给两方的唯一 allToolRegistries 注册点、返回 {error} 而非抛错的约定、受保护/系统笔记的守卫，以及 getTool()/cls.init() 测试框架。不适用于客户端笔记 UI、ETAPI 端点或一般性 Vitest 问题（见 writing-unit-tests）。
io.github.mattpocock/skills/prototype
为回答某个设计问题而构建一次性原型。当用户想验证状态模型或逻辑是否合理，或探索 UI 应该长什么样时使用。
io.github.nexu-io/open-design/orbit-general
Open Orbit 简报技能——当用户连接了两个及以上连接器时由 Orbit 流水线选用。从每个已授权连接器（GitHub、Linear、Notion、Slack、飞书、Calendar、Gmail、Drive、Sentry、Vercel 等）拉取过去 24 小时的活动，并在「我的设计」顶部渲染单一自适应 bento 网格仪表盘。每个连接器模块按返回数据的形态自选 UI 形式（列表、头像堆叠、状态环、热力图、文件网格、告警卡等），使布局随 Orbit 连接器生态的增长而扩展。不应手动触发此技能——它由 Orbit 的每日摘要调度器针对用户实时连接器数据调用。
