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.
主な機能
01Dual-mode support for building new doc UIs or auditing existing React codebases
02Strict tiered motion policy prioritizing CSS transitions over heavy JS libraries
03Detailed file-and-line audits checking for accessibility and layout compliance
04Next.js App Router boundary enforcement preventing motion in Server Components
050 GitHub stars
06Tailwind-first styling with enforced accessible focus states and skeleton loaders
ユースケース
01Building documentation portals, component libraries, and API reference browsers
02Auditing existing React and Tailwind applications for accessibility and design consistency
03Refactoring mixed or bloated motion implementations into clean, tiered CSS transitions