83,201 skills sorted by stars.
Lighthouse performance audit specialist. Runs Lighthouse CLI to measure performance scores, Core Web Vitals, and identif...
Static React code analyzer for performance anti-patterns. Scans source code for missing memoization, inline objects in p...
React DevTools Profiler specialist. Uses the React DevTools extension to analyze component render behavior, commit timin...
Screenshot-based regression testing with Playwright. Compares rendered pixels against baseline PNGs. Use when working wi...
Setup visual regression testing with Storybook stories, configuration, and CI/CD workflows. Supports Chromatic, Percy, B...
Visual regression testing skill using Playwright, covering screenshot comparison, visual diff thresholds, responsive tes...
Sets up visual regression testing using Percy, Chromatic, or Playwright to catch unintended UI changes through screensho...
Automate visual validation of component states to catch styling regressions.
This skill enables Claude to execute visual regression tests using tools like Percy, Chromatic, and BackstopJS. It captu...
Compare screenshots and pixel diffs.
Implements visual regression testing with screenshot comparison, diff detection, and CI integration using Playwright or...
Use this skill when users mention "visual regression", "detect UI changes", "screenshot comparison", "visual testing", "...
AI-powered visual regression testing skill for e-commerce websites. Designs screenshot comparison workflows, mobile/desk...
Validates visual consistency across UI changes using screenshot comparison. Uses MCP browser tools for automated screens...
Adds visual capabilities to the agent using Playwright MCP with Script Execution support.
Expert visual communication specialist focused on creating compelling visual narratives, multimedia content, and brand s...
Color scheme and icons for consistent Autopilot output. Reference when formatting agent output and status messages.
Use when creating or modifying UI components, styling, themes, or layouts in peek-stash-browser. Follow these visual con...
Visual iteration workflow for Script Kit GPUI. Use when making UI changes that need visual verification — focus indicato...
Compare implementation screenshot with Figma design for visual testing
Run the app locally and take screenshots using Puppeteer to verify UI changes; use when validating demo pages, checking...
Use for visual UI verification with Playwright MCP. Test user flows, verify UI states, and catch visual regressions.
Advanced visual regression testing with pixel-perfect comparison, AI-powered diff analysis, responsive design validation...
Use when: Assessing visual polish, validating game appearance, or claiming visual work is complete
Screenshot comparison QA for frontend development. Takes a screenshot of the current implementation, scores it across mu...
This skill should be used when the user asks to 'verify visual output', 'check how it looks', 'render and review', 'visu...
Visuelle Verifikation via Puppeteer. Erzwingt echte Sichtprüfung statt theoretischer Code-Analyse. Nimmt Screenshots, an...
Rules for charts and visualization. Use when the user asks for charts, graphs, plots, or visual representations (line, b...
Knowledge about pyecharts chart creation, HTML report generation, and visualization best practices
Data visualization with OpenAlgo - candlestick charts, options payoff diagrams, P&L dashboards, and real-time Streamlit...
Evaluate and implement visualization algorithms for ocean/foam rendering. Use when discussing rendering techniques, cont...
Manage visualization best practices operations. Auto-activating skill for Data Analytics. Triggers on: visualization bes...
Review chart choice, labeling, accessibility, and storytelling quality for existing visualizations. Use as an explicit/m...
Chart selection and data visualization guidance for effective data communication. Use when: creating visualizations, cho...
GraphDB可視化エージェント - RyuGraphデータベースの内容をMermaid/DOT/HTML形式で可視化。/visualize-graph [出力パス] で呼び出し。
I see what you describe. Let me show it to others.
Builds dashboards, reports, and data-driven interfaces requiring charts, graphs, or visual analytics. Provides systemati...
Create professional Mermaid diagrams with proper styling and visual hierarchy. Use when creating flowcharts, sequence di...
Generate vital signs using FHIR Vital Signs profile and lab panels (CBC, BMP, CMP, lipid, HbA1c, urinalysis, COVID) with...
Vite performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vite configu...
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite...
Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins,...