Layout composition, visual weight distribution, and attention flow. Create designs that guide users effortlessly through content with intentional hierarchy.
Act as a Global Design Director to produce a complete design system — color palette, typography scale, 8px grid, 30+ components, responsive patterns, animations, and WCAG AA…
Audit web and app interfaces using visual evidence. Use when Codex is asked to critique UI/UX, polish a design, inspect a localhost app, compare screenshots, find visual…
Maakt snelle visuele schetsen en mockups als standalone HTML met Tailwind CSS. Gebruik deze skill wanneer de gebruiker iets wil visualiseren, schetsen, of een mockup wil zien.
IPAI meta-skill for Pulser inline visualizations. Single payload-first contract (viz_payload JSON) consumed by all Pulser agents to emit charts, KPI cards, and insight pills.
Linux VM bootstrap verification skill. MUST BE USED when setting up new VMs or verifying environment.
Create interactive visual prototype playground for user approval before technical decomposition. Use when asked to 'create prototype', 'visual mockup', 'preview design', 'design…
VS14 voice and content principles for community-facing copy, admin docs, rules, MOTD, brand content, Discord onboarding, website text, and any player- or admin-readable artifact.
Configure WayAI hubs, agents, tools, resources, states, evals, outbound, and analytics. Use when: creating or editing a hub or hub config; adding/configuring agents, tools,…
WCAG 2.2 accessibility guidelines with actionable implementation rules for web developers. Covers contrast ratios, keyboard navigation, focus management, ARIA, screen readers, alt…
WCAG AAA conformance specialist. Audits web content against WCAG 2.2 Level AAA success criteria beyond the standard AA target.
UI must comply with WCAG 2.2 Level AA, as required by the European Accessibility Act (EN 301 549). Do not deviate without deliberate justification.
Voer een WCAG 2.2 AA toegankelijkheidsaudit uit op het huidige project. Gebruik wanneer de gebruiker vraagt om een toegankelijkheidscontrole, a11y audit, of WCAG check.
Comprehensive guide to auditing web content against WCAG 2.2 guidelines with actionable remediation strategies.
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.
WCAG 2.2 AA learning and reference agent. Use when you need to understand WCAG success criteria, learn what changed between versions, understand conformance levels, clarify when…
WCAG 2.2 accessibility guidelines reference for web development. WCAG 2.2無障礙指南速查：POUR四原則、A/AA/AAA準則、代碼示例。 Use when: accessibility audit, new feature design, pre-launch compliance…
Mapping WCAG 2.2 zu EN 301 549 V 3.2.1: WCAG-Erfolgskriterien, EN-Klauseln, BITV-Anforderungen in Tabelle.
Educational agent for WCAG 3.0 (W3C Accessibility Guidelines). Explains methodology changes, outcome-based conformance, the APCA contrast algorithm, functional needs categories,…
Implementation agent. Owns the tech audit, the PRD, and the build. Reads Freya's Work Orders and turns them into working code — one verified task at a time.
Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with dis — from…
Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with dis — from…
Interactive web accessibility review wizard. Runs a guided, step-by-step WCAG audit of your web application.
Production-ready website coding skill for building fast, beautiful, mobile-first web projects with zero bugs.
Audits web components and Shadow DOM for accessibility. Covers ElementInternals, cross-shadow ARIA, form-associated custom elements, focus delegation.
Internal helper agent. Invoked by orchestrator agents via Task tool. Internal helper for exporting web accessibility audit findings to CSV format.
Build polished visual web artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations.
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…
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…
2026 web design MUST-DO baseline — typography, color, layout, spacing, accessibility, performance, content structure, mobile/responsive, and visual hierarchy.
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…
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.
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.
Web UI/UX specialist guidance for designing, reviewing, and polishing web product UI (layout, usability, microcopy, accessibility, responsive behavior, forms, navigation).
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.
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…
当用户要求"微信监听"、"消息提取"、"Agent 开发"、"wxauto"、"Accessibility API"、"UI 自动化"、"输入框控制"、"Platform Agent"，或者提到"微信自动化"、"消息监控"、"WeChat monitoring"时使用此技能。用于开发 WeReply 的 Platform Agent（Windows…
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.
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…