web-design-engineer
Creates or redesigns visual artifacts with HTML, CSS, JavaScript, and React. Covers design-system exploration, design critique, data visualizations, and explicit browser acceptance testing or QA.
Your agent can do more. Find the skill that makes it happen.
Find your next superpower If you are an agent, refer to our llms.txt for full access.Creates or redesigns visual artifacts with HTML, CSS, JavaScript, and React. Covers design-system exploration, design critique, data visualizations, and explicit browser acceptance testing or QA.
Reviews interface code against Web Interface Guidelines. Supports accessibility checks, design audits, UX reviews, and assessments of website best practices.
Audits UI code against Web Interface Guidelines. Covers accessibility checks, design audits, UX reviews, and assessments of website best practices.
Reviews UI code against Web Interface Guidelines from the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product interfaces.
Audits interface code against Web Interface Guidelines. Supports reviews of UI design, accessibility, UX, and website best practices.
Visually inspects local or remote websites to identify design problems. Detects responsive design, accessibility, visual consistency, and layout issues, then fixes them in the source code.
Supports web frontend development once product direction is established. Covers implementation, integrations, debugging, builds, deployment, and validation, particularly for React, Vue, Vite, browser flows, and CloudBase Web.
Identify web server type/version, framework, and application entry points via banner grabbing, HTTP header analysis (Server, X-Powered-By, X-Generator), cookie names (CAKEPHP, laravel_session, wp-settings), HTML meta generators, robots.txt, source map files (.map), JS hardcoded secrets, and Google dorking (site:, inurl:, filetype:, intitle:) with tools Nikto, WhatWeb, Wappalyzer, Nmap, Shodan, Bur…
Covers principles for developing games in web browsers. Addresses framework selection, WebGPU, optimization, and progressive web apps (PWAs).
Supports browser-based motion design and implementation. Covers CSS animations, JavaScript transitions, and motion in React or Vue interfaces.
Diagnoses and optimizes website loading and interaction performance. Covers performance auditing, Core Web Vitals, and Lighthouse performance scores.
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
Skills give your agent reusable instructions for a specific job. Pick one, read what it does, and bring it into your workflow.
A name only tells half the story. Search the full description and instructions to find the right fit.
Read the skill, visit its source, and see exactly what you’re adding to your agent.
Copy the install command from a skill page and run it in your project.
npx skillycli add owner/repo --skill name