ウェブサイト、画像、プレゼンテーション、動画のためのオリジナルワークフロー。
Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implementing responsive layouts, or reviewing web UI code. Triggers on tasks involving HTML, CSS, web components, WCAG compliance, responsive design, or web performance.
Audit web accessibility using WCAG guidance, keyboard checks and evidence-led issue reporting.
Diagnose and improve touch, viewport and browser behaviors that make mobile web interfaces feel awkward.
Review web security, compatibility, browser APIs and code-quality practices.
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", "typographic scale", or "the text is hard to read". Also trigger when choosing between system fonts and web fonts, optimizing font-loading performance, or designing readable long-form content. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.
Diagnose website performance and Core Web Vitals using Cloudflare guidance.
tools skill for Claude AI. Grade A. Research web content, documentation, and best practices using the gemini-search agent for token-efficient searches with caching. Use when you need to fetch documentation, research best practices, or gather information from the web.
Investigate web loading and runtime performance with field data, lab traces and source review.
Design and build marketing pages, cinematic scroll experiences, and multi-screen products through a staged brief, asset, and implementation workflow.
Use Playwright to inspect local web apps, exercise frontend flows and capture screenshots and logs.
Build multi-component HTML artifacts with React, state management and a bundled delivery workflow.
An unofficial, evidence-led set of web quality workflows for performance, Core Web Vitals, accessibility, SEO and browser practices.
Diagnose LCP, INP and CLS using real-user context and controlled browser evidence.
Review crawlability, indexing, page metadata and structured data for search.
Generate text or images through a reverse-engineered Gemini web client with optional reference images.
Add web search, X search, and page retrieval to agents through configurable search engines and a reusable command-line research workflow.
Coordinate a web quality audit across performance, accessibility, SEO and browser practices.
Extract article and documentation content as clean Markdown with the Defuddle CLI.
Find modern web platform patterns and browser-compatibility guidance for HTML, CSS and client-side JavaScript tasks.
Pentest a web app or website end to end — black-box testing of a live URL, staging environment, or local dev server that finds and exploits real vulnerabilities (auth bypass, broken access control, IDOR, injection, XSS, SSRF, business logic) and proves each one with a working proof-of-concept instead of a signature match.
Review UI code for Web Interface Guidelines compliance.
Build, redesign or audit websites with a clear visual direction, 48 themes or custom styling, and local UI checks for Claude Code, Codex, Cursor and OpenCode.
Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.
Turn articles or scripts into click-driven web presentations with optional synthesized narration.