Prompts

Modern Web Guidance

Lien : https://github.com/GoogleChrome/modern-web-guidance/tree/main

Modern Web Guidance is a set of skills that embed web platform expertise, best practices, and browser compatibility data directly into your coding agents. It helps to steer your coding agents away from legacy patterns, and instead toward solutions that harness the power and capabilities of the modern web platform.

Awesome DESIGN.md

Lien : https://github.com/VoltAgent/awesome-design-md

Copy a DESIGN.md into your project, tell your AI agent “build me a page that looks like this,” and generate high-quality UI that stays visually consistent with the design language.

Built with real design depth — including analyzed patterns, tokens, and rules — for high-quality UI generation, not surface-level outputs.

DESIGN.md Style Extractor - TypeUI

Lien : https://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma?pli=1

Extract page styles and generate DESIGN.md or SKILL.md files and use it with Google Stitch, Claude, Codex, and Cursor.

This extension for Chrome helps you extract styles from any website and generate DESIGN.md or SKILL.md files for AI development for tools such as Google Stitch, Claude Code, Codex, and more. The algorithm detects CSS variables and generates a design profile of any given site based on content and elements.

Accessibility Coding Guidelines

Accessible Error Announcement

AI Prompts For Web Accessibility Testing

Content Accessibility Checker Prompt for ChatGPT, Gemini & Claude

My 'Grill Me' Skill Went Viral

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions “grill me”.

Prompt: ACCESSIBILITY EVALUATION

Ultimate prompt for lectures