229 skills · sorted by relevance
React Native (Meta 製クロスプラットフォームネイティブアプリフレームワーク, react-native 0.87 / 0.88) の リファレンス。View, Text, FlatList, Pressable, TextInput, Animated, StyleSheet, Flexbox, Platform, New Architecture (Fabric, TurboModules, Codegen), Hermes, Metro, Fast Refresh, TypeScript, React Native DevTools, Android / iOS 統合、upgrade (Upgrade Helper)・0.84〜0.88 差分。
The English summary is being prepared. Showing the original description.
Guide users through the get started setup and Chrome DevTools demo.
The English summary is being prepared. Showing the original description.
Measure, profile, and fix performance bottlenecks — Core Web Vitals, backend latency, bundle size, and database queries. Load when performance requirements exist, users report slowness, profiling reveals bottlenecks, or the user asks to optimize load time, LCP, INP, CLS, or response time. Not for premature optimization without evidence. Pairs with browser-testing-with-devtools and ci-cd-and-automation for regression guards.
The English summary is being prepared. Showing the original description.
Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.
The English summary is being prepared. Showing the original description.
Launch and automate VS Code (Code OSS) using agent-browser via Chrome DevTools Protocol. Use when you need to interact with the VS Code UI, automate the chat panel, test UI features, or take screenshots of VS Code. Triggers include 'automate VS Code', 'interact with chat', 'test the UI', 'take a screenshot', 'launch Code OSS with debugging'.
The English summary is being prepared. Showing the original description.
Analyze V8/Chrome CPU profiles (.cpuprofile) and DevTools trace files (Trace-*.json). Use when: profiling performance, investigating slow functions, comparing code paths, finding bottlenecks, analyzing timeToRequest, understanding call trees from sampling profiler data, analyzing layout/paint/rendering, investigating user timing marks.
The English summary is being prepared. Showing the original description.
Knowledge and guardrails for the mise + fnox + infisical secrets toolchain, covering secret injection, secret providers, and env var hygiene.
The English summary is being prepared. Showing the original description.
Scan websites for common vulnerabilities including SQL injection, open ports, and DevTools-related issues. This skill is designed for testing user-owned websites and is compatible with OpenClaw.
The English summary is being prepared. Showing the original description.
Debug Node.js via --inspect + Chrome DevTools Protocol CLI.
The English summary is being prepared. Showing the original description.
Perform direct, bounded browser inspection through the `browser.qa` capability when the user requests runtime UI evidence or one browser-specific claim needs DOM/accessibility/console/network/visual verification; do not trigger for every UI change, backend work, delegated QA, or durable E2E artifact routing.
The English summary is being prepared. Showing the original description.
Implements lightweight state management using Zustand with TypeScript, persistence, devtools, and modular store patterns. Use when users request "zustand store", "state management", "global state", "zustand setup", or "jotai alternative".
The English summary is being prepared. Showing the original description.
A high-performance browser automation tool and MCP server written in Rust, featuring headless Chrome control and DOM manipulation.
The English summary is being prepared. Showing the original description.
小红书图片策划与自动生图。将内容拆解为系列卡通风格信息图提示词，通过 Chrome DevTools MCP 自动化调用 Gemini web app 生成图片，并自动收集到本地临时目录。当用户提到"小红书"、"信息图"、"rednote"、"生图"、"图片策划"、"小红书配图"、"Gemini生图"、"nano banana"、或将内容制作成小红书图片时触发此技能。包含完整的提示词生成、浏览器自动化和图片收集全流程。
The English summary is being prepared. Showing the original description.