awesome-page-design
Awesome Page Design
Use this skill to make deliberate page design, UI integration, and implementation-quality decisions before and during frontend work.
Operating Rule
This is a layout-aware visual direction library and UI quality workflow, not a copy-paste template library. Choose or preserve the right layout and component language for the user's product, then adapt the implementation to the real workflow, content, density, and device needs.
The bundled HTML previews are selection aids. Reuse visual language, not sample page structure.
Required Workflow
Always start from references/workflow.md and references/usage-principles.md.
Before touching real UI code, generated HTML, forms, overlays, feedback, or interactive controls, also read references/ui-primitive-contract.md. This contract blocks browser-default product UI such as alert dialogs, confirmation prompts, and unstyled native selects unless a narrow exception is documented.