--- name: gxxh-design description: Use this skill to generate well-branded interfaces and assets for 广西信合 (Guǎngxī Xìnhé · gxxh.tech), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. user-invocable: true --- Read the `README.md` file within this skill, and explore the other available files. Key files: - `README.md` — brand context, voice, and full visual foundations - `colors_and_type.css` — core CSS variables; import this first - `tokens.json` — same tokens in machine-readable form - `components.html` — every component state in one page - `preview/` — individual design-system cards for each concept - `ui_kits/website/` — JSX components for the 4 marketing pages - `assets/` — logo marks, favicon, OG image - `fonts/` — Noto Serif SC + Inter (variable woff2) If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. Always: - include `` (or inline the core vars) - set `` - use cream background (`--gx-cream`), serif headings (Noto Serif SC), sans body (Inter + PingFang SC fallback) - avoid emoji, gradients, glass-morphism, colored-left-border cards - use Book Cloth Orange `#C15F3C` for primary actions, `#3E7A6B` 青绿 sparingly If working on production code, copy `colors_and_type.css` + `assets/*` + `fonts/*` into the target project and read the rules in `README.md` to become an expert in designing with this brand. If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions (target audience, single page vs deck vs component, length, tone — restrained/warm is the default), and act as an expert designer who outputs HTML artifacts _or_ production code, depending on the need.