Web Design Guidelines
Builds and audits accessible, documentation-style React interfaces using Tailwind CSS and strict motion design principles.
Web Design Guidelines provides comprehensive standards for building and auditing documentation-focused user interfaces using React, TypeScript, and Tailwind CSS. Designed around the SkillCodex UI principles, it enforces strict boundaries between Server and Client Components, mandates clean accessibility practices, and implements a tiered motion architecture that favors pure CSS transitions over heavy JavaScript animation libraries. Whether you are scaffolding a new doc directory or conducting a line-by-line frontend review, this skill ensures clean whitespace, consistent skeleton loaders, and high-performance layouts without sales-marketing clutter.