Optimize site performance and accessibility
web-quality-skillspluginsetup L2★2,191
addyosmani/web-quality-skills ↗What it does
Build multi-component HTML artifacts with React
Best for
Complex interactive artifacts requiring state management or multi-page routing beyond static HTML
Inputs
- · Artifact requirements
- · Component spec
- · State/routing needs
Outputs
- · React component
- · Tailwind CSS styling
- · shadcn/ui components
- · Interactive artifact
Preconditions
React + Tailwind + shadcn/ui knowledge, artifact platform supports JSX
Failure modes
Incompatible React versions, shadcn/ui component unavailable, state management conflict, styling collision
Trust signals
- · React + Tailwind + shadcn/ui trio
- · state management + routing support