Review UI code for Web Interface Guidelines compliance. Use when asked to \"review my UI\", \"check accessibility\", \"audit design\", \"review UX\", or \"check my site against…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against be — from…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against be — from…
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against be — from…
Build, improve, or review web and product interfaces as one coherent system across layout and optical balance, accessibility, UX writing, typography, color, surfaces, icons,…
2026 web design MUST-DO baseline — typography, color, layout, spacing, accessibility, performance, content structure, mobile/responsive, and visual hierarchy.
Build premium, multi-page, animated websites fast and with real design rigor — design-system-first, Claude Design + Claude Code, Next.js + GSAP, deploy to Vercel.
Modern web design engineering skills including design tokens, advanced UI/UX methodologies, accessibility, and game-specific UI patterns.
Use to plan the web design system — tokens (color/spacing/typography/radius), scales, reusable primitives, the styling approach (Tailwind, CSS Modules, CSS-in-JS), and…
Web开发工具集专业版为团队与企业提供端到端Web开发工程能力,涵盖性能工程化、SEO深度优化、WCAG AA可访问性审查、企业级部署与监控告警。核心能力: - 性能工程化(Lighthouse CI/性能预算/监控) - SEO深度优化(结构化数据/站点地图/国际化) - WCAG AA可访问性审查与改造 - 企业级部署(多环境/蓝绿/灰度) -…
Drag and drop with @dnd-kit - draggable, droppable, sortable, collision detection, sensors, accessibility
Shared rules for any web engineering work — trust model, non-negotiable accessibility (verify the a11y tree not screenshots, axe-core WCAG 2.2 AA), live docs via Context7, and a…
File upload patterns - drag-drop dropzones, chunked/resumable uploads, S3 presigned URLs, file validation (MIME type, magic bytes), progress tracking, image preview, accessibility…
Applies Vercel web interface guidelines: accessibility, CLS/visual stability, performance, forms, and reduced-motion.
Web interface quality rules — 100+ code-level UI/UX/accessibility rules across 15 categories. Covers accessibility (ARIA, semantic HTML, keyboard), forms (autocomplete,…
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for applying accessibility fixes to web source code.
Proper layout and spacing in modern web design — 8px grid systems, modular scales, vertical rhythm, CSS Grid/Flexbox patterns, fluid spacing with clamp(), container queries, and…
Analyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), identifies render-blocking resources, network dependency c — from…
Use this when: my site is slow, why is my Lighthouse score low, my LCP is too high, my page keeps shifting layout, fix Core Web Vitals, make my site accessible, keyboard…
Fix PageSpeed Insights/Lighthouse accessibility "!" errors caused by contrast audit failures (CSS filters, OKLCH/OKLAB, low opacity, gradient text, image backgrounds).
General-purpose desktop web prototype. Single self-contained HTML file built by copying the seed `assets/template.html` and pasting section layouts from `references/layouts.md`.
Swiss industrial-print web prototype. Newsprint canvas, monolithic black grotesque, viewport-bleeding numerals, hairline grid dividers, hazard-red accent, ASCII syntax decoration.
Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion, ambient mesh.
AI-powered web application QA automation using accessibility-tree based testing. Smoke tests, test suites, and PDF reports.
Auditoría integral de calidad web basada en Google Lighthouse (150+ checks). Cubre Performance, Core Web Vitals, Accessibility (WCAG 2.1), SEO y Best Practices.
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit",…
Web content discovery, URL crawling, and page inventory for accessibility audits. Use when scanning web pages, crawling sites for audit scope, or building page inventories for…
Compute web accessibility scores (0-100, A-F grades) with severity scoring, confidence levels, and remediation tracking across audits.
Use for current deltas in Vite 8/Rolldown/Oxc, WCAG 2.2, Lighthouse 13, or OpenAPI 3.1. Not for full frontend design, React performance, or generic API implementation; use the…
Redux Toolkit patterns for complex client state. Use when managing enterprise-scale state, needing DevTools, entity normalization, or RTK Query for data fetching.
Web UI/UX specialist guidance for designing, reviewing, and polishing web product UI (layout, usability, microcopy, accessibility, responsive behavior, forms, navigation).
Use when positioning a Web Conference (WWW) submission against prior literature — tracing lineage through three decades of WWW proceedings, contrasting with the…
UI quality, generation, review, audit, and polish skill for Codex. Use when building, redesigning, reviewing, auditing, or fixing web pages, websites, landing pages, dashboards,…
Expert skill for applying Webflow design-system patterns to product and frontend work.
Create a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera, subtle rotation, and floating motion.
Use when running repeatable automated accessibility review with explicit manual gaps.
Examines a specific product's detailed page to verify it matches the user's requirements, checking price, description, features, and reviews.
Evaluates product listings against user requirements such as price limits and feature matches to identify viable options.
Performs an initial product search using a web interface by generating appropriate search keywords based on interpreted query criteria.
Selects the most promising product candidate from a filtered shortlist for detailed inspection. Use when you are on a search results page with multiple viable items and need to…
WCAG-aligned accessibility rules for a website — image alt text, form labels, keyboard navigation, visible focus, skip links, semantic landmarks, accessible errors, reduced…
Audit and fix any website (new, in development, or already live) against the organization's mandatory engineering and web standards, then scaffold or repair the gaps after the…
moorestech Web UI（moorestech_web/webui）のデザイン哲学。見た目・構造のホワイトリスト。 Use when: 1.moorestech_web/webui配下のコードを読む・書く・レビューする時 2.新しいパネル・モーダル・HUD・コンポーネントを追加する時 3.CSS・色・レイアウト・装飾を変更する時 4.Web…
当用户要求"微信监听"、"消息提取"、"Agent 开发"、"wxauto"、"Accessibility API"、"UI 自动化"、"输入框控制"、"Platform Agent"，或者提到"微信自动化"、"消息监控"、"WeChat monitoring"时使用此技能。用于开发 WeReply 的 Platform Agent（Wi — from…
当用户要求"微信监听"、"消息提取"、"Agent 开发"、"wxauto"、"Accessibility API"、"UI 自动化"、"输入框控制"、"Platform Agent"，或者提到"微信自动化"、"消息监控"、"WeChat monitoring"时使用此技能。用于开发 WeReply 的 Platform Agent（Wi — from…
WeChat als Geschäftskommunikation in China: Archivierungspflichten für Unternehmen, PIPL-Einwilligungsanforderungen, Ermittlungsrisiken (Behördenzugriff WeChat-Daten),…
Design and UX guidelines for Wednesday Solutions projects. Covers visual design tokens, animation patterns, component standards, accessibility, and user experience best practices…
Track weekly competitor changes and generate a delta-report from your markdown notes. Compares current files vs. last-week snapshot — no APIs, no code required.
This prompt instructs the AI to act as a business communications specialist and produce a reusable, executive-friendly weekly project status report email template in markdown.
Sorftime Shopee 产品历史趋势接口，通过固定 Wenmai standard API `shopee_product_trend` 返回可追溯的原始网关数据。用于与该能力相关的数据查询、核验、分析或报告；当用户需要产品历史趋势或调用该接口时触发。即使用户未明确提及 Sorftime，只要任务需要上述接口能力，也应触发此技能。
Werbearchiv nach Art. 39 DSA aufbauen: Inhalt jeder Anzeige, Auftraggeber, Zeitraum, Zielgruppenparameter, Reichweite.
Surface the blind spot — the missing stakeholder, the ignored option, the risk outside your frame, the thing you're too close to notice.
Send WhatsApp messages. Preferred: accessibility (fully automated, no user tap). Alternative: intent (opens chat, user taps Send). Look up contact number first.
Use when launching a new product end-to-end from market research through post-launch monitoring. Orchestrates 15+ specialist agents across 5 phases in a 10-week coordinated…
Configure Windsurf themes and visual settings for accessibility. Activate when users mention "change theme", "customize colors", "accessibility settings", "visual preferences", or…
Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK…
在设计、评审或修复 WinUI 3 时使用：布局规划、控件选择、Fluent Design 对齐、浅色/深色/高对比度主题、排版、间距、画刷、可访问性，以及 XAML 数据绑定设计。在编写新 XAML、评审 UI PR、将桌面 UI 迁移到 WinUI，或在 WinUI 控件/模式间取舍前加载。
Create wireframes for UI mockups. Supports SVG (precise layouts) and HTML/Tailwind (standard UI patterns). Use when creating wireframes, mockups, or skeletal UI layouts.
Conseille sur la création de wireframes et mockups pour apps et sites. Se déclenche avec "wireframe", "maquette", "mockup", "prototype", "Figma", "UI layout", "comment st — from…
An annotated / redline lo-fi wireframe — a desktop landing/marketing page drawn as flat greyboxes inside a browser chrome frame, overlaid with numbered annotation pins (①②③④⑤) in…