83,201 skills sorted by stars.
Lighthouse performance audit specialist. Runs Lighthouse CLI to measure performance scores, Core Web Vitals, and identify optimiza...
Static React code analyzer for performance anti-patterns. Scans source code for missing memoization, inline objects in props, inef...
React DevTools Profiler specialist. Uses the React DevTools extension to analyze component render behavior, commit timings, and "W...
Screenshot-based regression testing with Playwright. Compares rendered pixels against baseline PNGs. Use when working with stories...
Setup visual regression testing with Storybook stories, configuration, and CI/CD workflows. Supports Chromatic, Percy, BackstopJS....
Visual regression testing skill using Playwright, covering screenshot comparison, visual diff thresholds, responsive testing, base...
Sets up visual regression testing using Percy, Chromatic, or Playwright to catch unintended UI changes through screenshot comparis...
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 captures screen...
Compare screenshots and pixel diffs.
Implements visual regression testing with screenshot comparison, diff detection, and CI integration using Playwright or Chromatic....
Use this skill when users mention "visual regression", "detect UI changes", "screenshot comparison", "visual testing", "pixel diff...
AI-powered visual regression testing skill for e-commerce websites. Designs screenshot comparison workflows, mobile/desktop visual...
Validates visual consistency across UI changes using screenshot comparison. Uses MCP browser tools for automated screenshot captur...
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 storytellin...
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 conventions e...
Visual iteration workflow for Script Kit GPUI. Use when making UI changes that need visual verification — focus indicators, colors...
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 visual reg...
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, and cros...
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 multiple vis...
This skill should be used when the user asks to 'verify visual output', 'check how it looks', 'render and review', 'visual verify'...
Visuelle Verifikation via Puppeteer. Erzwingt echte Sichtprüfung statt theoretischer Code-Analyse. Nimmt Screenshots, analysiert g...
Rules for charts and visualization. Use when the user asks for charts, graphs, plots, or visual representations (line, bar, pie, t...
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 dashboards
Evaluate and implement visualization algorithms for ocean/foam rendering. Use when discussing rendering techniques, contour algori...
Manage visualization best practices operations. Auto-activating skill for Data Analytics. Triggers on: visualization best practice...
Review chart choice, labeling, accessibility, and storytelling quality for existing visualizations. Use as an explicit/manual help...
Chart selection and data visualization guidance for effective data communication. Use when: creating visualizations, choosing char...
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 systematic framewor...
Create professional Mermaid diagrams with proper styling and visual hierarchy. Use when creating flowcharts, sequence diagrams, st...
Generate vital signs using FHIR Vital Signs profile and lab panels (CBC, BMP, CMP, lipid, HbA1c, urinalysis, COVID) with LOINC cod...
Vite performance optimization guidelines. This skill should be used when writing, reviewing, or refactoring Vite configuration and...
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts...
Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working wi...