设计原型 design-prototype
vcanary
io.github.lobehub/lobehub/design-prototype
用 LobeHub 真实设计系统(@lobehub/ui + antd + antd-style token)与生产风格 React 产出可交互的单文件 HTML 设计原型,无需构建步骤,浏览器直接打开。当被要求为某个页面或流程出设计原型/可交互 mockup/交互原型/设计稿 HTML,或在投入实现前探索重设计时使用。
“Search The Web” 共 4,303 个结果
vcanary
io.github.lobehub/lobehub/design-prototype
用 LobeHub 真实设计系统(@lobehub/ui + antd + antd-style token)与生产风格 React 产出可交互的单文件 HTML 设计原型,无需构建步骤,浏览器直接打开。当被要求为某个页面或流程出设计原型/可交互 mockup/交互原型/设计稿 HTML,或在投入实现前探索重设计时使用。
io.github.twbs/bootstrap/bootstrap-color-system
Work with Bootstrap 6's color system in Sass and CSS. Use when customizing colors, adding or overriding theme colors, working with color modes, or using the color scales, semantic tokens, and theme classes.
io.github.twentyhq/twenty/qa-scout
针对运行中的 Twenty 应用对 PR 做浏览器 QA:在 main 上合并后触发,或合并前通过 qa-scout 标签触发。从 PR diff 推导用户可见场景,用 Playwright MCP 浏览器执行,以 SQL 核验数据库效果,检查服务器与 worker 日志中被吞掉的错误,输出结构化结论和报告。由 ci-e2e-main.yaml 在确定性 e2e 套件后调用;也可针对本地 dev 栈手动运行。
io.github.paperclipai/paperclip/prepare-mcp-integration
通过引用式调研、内容 PR、精确版本人工审批,为每个已批准的连接提交一个受管控的 Paperclip connector PR,完成 MCP/厂商集成。适用于新集成的调研与交付;不适用于绕过流程手册的临时 connector 编码。
io.github.code-yeongyu/oh-my-openagent/data-scientist
以混合引擎策略进行专业数据处理:优先使用常驻内核引擎——DuckDB 加上常驻的 Python 技术栈(Polars/numpy/matplotlib),在 harness 支持的 js/py eval 内核中保持常驻,其他环境则用 bun/uv 单次执行——并按动作决定放置方式(内存内、流式、远端就地)。触发词:analyze the data、what is in this CSV/parquet/json、summarize this、group by、filter rows、sort by、join these files、merge datasets、time series trend、compare yesterday and today、distribution/histogram、correlation、clean duplicates、handle missing values、dataset larger than RAM、SQL query on files、DataFrame operations、chart/plot this data、DuckDB vs Polars selection、quick data exploration CLI。不适用于:纯文本/代码查看、配置文件或极小的内联计算。
io.github.openclaw/openclaw/acp-router
把针对 Claude Code、Cursor、Copilot、OpenClaw ACP、OpenCode、Gemini CLI、Qwen、Kiro、Kimi、iFlow、Factory Droid、Kilocode 或明确 ACP 工具链工作的自然语言请求,路由到 OpenClaw ACP 会话或直接由 acpx 驱动的会话(“传话筒”流程)。涉及编码代理线程请求时先读本技能,且仅使用 `sessions_spawn` 创建线程。Codex 聊天绑定默认走原生 Codex app-server 插件,除非明确要求 ACP 或后台生成会话需要 ACP。
io.github.browser-use/browser-use/remote-browser
通过当前的 Browser Use CLI,从沙箱机器控制一个隔离的 Browser Use Cloud 浏览器。
io.github.openclaw/openclaw/browser-automation
在使用 OpenClaw 浏览器工具操控网页时使用,尤其适合多步流程、登录状态检查、标签页管理,以及从失效引用/超时中恢复。
io.github.garrytan/gstack/benchmark
基于 browse daemon 的性能回归检测。(gstack)
io.github.openclaw/openclaw/update-team-server
通过部署属主对运维方配置的 Team 服务器进行无人值守更新;验证服务代码、迁移支持、会话连续性与恢复,且不重复小时级调度器的职责。
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/cursor-delegate
仅当用户明确要求时,把编码任务委派给 Cursor Agent CLI(`cursor-agent`),编排方保留审查与合入的职责。
io.github.gradio-app/gradio/gradio
使用 Python 构建 Gradio Web UI 与 demo。在创建、修改、调试 Gradio,或回答有关 Gradio 及其组件、事件监听器、布局的问题时使用。
io.github.Agents365-ai/drawio-skill/drawio-skill
当用户要求示意图、流程图、架构图、ER 图、UML/时序/类图、SysML/MBSE 图(内部块定义、内部块图、需求图、参数图)、BPMN 业务流程图、泳道/跨职能流程图、网络拓扑、依据 Terraform 或 Kubernetes manifest 绘制云架构、ML/深度学习模型图(Transformer/CNN/LSTM)、思维导图或任何可视化时使用。在讲解含 3 个以上组件的系统、复杂数据流或适合以视觉呈现的关系时也应主动使用。尤其适合需要自定义样式、丰富图形词汇表、泳道或可导出图像(PNG/SVG/PDF/JPG)的图表。生成 .drawio XML 并通过原生 draw.io 桌面 CLI 在本地导出。
io.github.vercel/next.js/deploy-release-test
验证特定 commit 的 Next.js 预览包,并通过 test_e2e_deploy_release.yml GitHub Actions 工作流手动触发整套 Next.js 部署测试。仅在需要针对内部 vercel/next.js PR 分支运行完整部署测试套件或该特定工作流时使用。不适合有针对性的部署测试 sanity check——那种场景应在本地用 pnpm test-deploy。涵盖解析分支最新 SHA、等待 vercel-packages、保留工作流默认输入、派发执行并验证运行结果。
io.github.microsoft/vscode/agent-customization
工作流技能:创建、更新、评审、修复或调试 VS Code 代理定制文件(.instructions.md、.prompt.md、.agent.md、SKILL.md、copilot-instructions.md、AGENTS.md)。适用场景:保存编码偏好;排查指令/技能/代理为何被忽略或未被调用;配置 applyTo 模式;定义工具限制;创建自定义代理模式或专项工作流;打包领域知识;修复 YAML frontmatter 语法。不适用:一般编码问题(用默认代理);运行时调试或错误诊断;MCP 服务器配置(直接查 MCP 文档);VS Code 扩展开发。会调用:文件系统工具(读写定制文件)、提问工具(向用户访谈需求)、用于代码库探索的子代理。单一操作:若只是快速修 YAML frontmatter 或按已知模式创建单个文件,直接编辑即可,无需本技能。
io.github.PostHog/posthog/exploring-llm-traces
使用 PostHog 的 MCP 工具调试并检查 LLM/AI 代理 trace。当用户粘贴 trace 或会话 URL(如 /ai-observability/traces/<id> 或 /ai-observability/sessions/<id>)、要求调试某个 trace、弄清哪里出了问题、检查代理是否正确使用了工具、验证上下文/文件是否被呈现、检查子代理行为、分析 LLM 决策,或研究 token 用量与成本时使用。当针对 `events.properties.$ai_input` / `$ai_output_choices` 的原始 SQL/HogQL 返回为空时也使用——消息内容只存在于专用的 `posthog.ai_events` 表中。
io.github.PostHog/posthog/maintaining-python-tests
维护既有 pytest 与 Django 测试套件,且不放松正确性。当被要求压缩 Python 测试运行时长或 CI 工作量、排查缓慢的 pytest 套件、清理过期的迁移测试、合并重复 setup、提升 Python 测试归属感,或在合并后衡量测试优化是否见效时使用。按实测成本排序工作、将 writing-tests 的价值门槛应用于既有覆盖率、保留彼此独立的行为用例、在改动共享 fixture 后验证隔离性,并区分 testcase 工作与 pytest 套件墙钟时间。遇到偶发失败请改用 fixing-flaky-tests。
io.github.CherryHQ/cherry-studio/code-mate-hermes
以一次性模式运行 Hermes Agent 处理有界的本地任务。当用户明确要求把工作委派给 Hermes 并接受其自动工具批准行为时使用。
vcanary
io.github.lobehub/lobehub/compose-atoms
将沉重的领域功能拆解为可挂载的能力原子。适用场景:Viewer/Page/index.tsx 同时承担取数、筛选、变更、弹窗与宿主集成;可视化拆分后页面仍残留 store 调用与 action;portal、嵌入、分享、移动端或微应用需要同一领域的子集;或新能力正以又一个 `readOnly`/`mode`/`variant` 标志落地。触发词:compose-atoms、sink state、状态下沉、重业务拆分、拆成原子、原子组件、组装、god component、fat viewer、module graph、slot composition、host seam。
io.github.sickn33/agentic-awesome-skills/firmware-pentest
按照 OWASP FSTM 九阶段流程进行固件渗透测试:提取、EMBA 自动化、Firmadyne/QEMU 仿真、AFL++ fuzzing,以及在授权实验室中的实际利用。
io.github.getsentry/sentry/feature-flags
将 Sentry 功能置于 FlagPole feature flag 之后。在添加 feature flag、在 temporary.py 中注册 flag、从 Python 或前端检查 flag、在测试中启用 flag,或被问到 FlagPole rollout 配置位置时使用。触发语:“add a feature flag”“gate this behind a flag”“register a flag”“features.has”“api_expose”“OrganizationFeature”“ProjectFeature”“FlagPole”。