Menú
De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.
Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.
npx skills add https://github.com/diegosouzapw/awesome-omni-skill --skill browser-dev-toolsEl comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.
¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.
Token-efficient tracking for AI orchestration. CLI-first for status updates (~50 tokens), agent fallback for complex ops (~1KB). Use when: updating task status, querying blockers, creating progress files, validating phases.
AshAi extension guidelines for integrating AI capabilities with Ash Framework. Use when implementing vectorization/embeddings, exposing Ash actions as LLM tools, creating prompt-backed actions, or setting up MCP servers. Covers semantic search, LangChain integration, and structured outputs.
This skill should be used when solving hard questions, complex architectural problems, or debugging issues that benefit from GPT-5 Pro or GPT-5.1 thinking models with large file context. Use when standard Claude analysis needs deeper reasoning or extended context windows.
Basado en la clasificación ocupacional SOC
Mostrando SKILL.md
| name | browser-dev-tools |
| description | 使用 Chrome DevTools MCP 进行前端页面调试、布局优化、性能诊断及交互验证。 |
此 Skill 允许 AI 直接与实际运行的浏览器窗口交互，通过 DevTools 协议实现精准的 UI 修补和性能优化。
在开始任何修改前，先观察页面：
list_pages: 找到目标页面索引。capture_screenshot: 获取视觉反馈，确认当前样式。text_snapshot: 获取无障碍树和 UID，确定要操作的元素。click: 模拟点击。fill_form: 批量填充测试数据。evaluate_script: 执行 JS 检查当前组件状态（如 __vue_app__ 数据）。resize_page 切换移动端/桌面端。capture_screenshot 配合 evaluate_script 修改运行时 CSS，实时验证效果。list_console_messages: 定位 runtime errors。performance_start_trace: 开始性能采样。performance_analyze_insight: 分析特定性能瓶颈（如 DocumentLatency 或 LCPBreakdown）。evaluate_script 手动改动运行时 DOM/CSS 以验证猜想。capture_screenshot 并查看其快照，确保符合 设计系统规范。/articles/new 页面在 iPhone 12 尺寸下的布局，如果提交按钮被遮挡请修复 CSS。”