@shaogefenhao: Looking for a ready-made color scheme for a Taoist-style website. Then I found this: an open-source repository of traditional Chinese colors https://github.com/nevertoday/zhongguo-traditional-colors… The author is also on X @xiao…
Summary
An open-source repository that includes 742 traditional Chinese color palettes, containing color names, HEX, RGB, CMYK, and color scheme recommendations, along with practical color usage skills for designers to use directly.
View Cached Full Text
Cached at: 06/10/26, 11:58 PM
/xxd-color-brief Create a youthful but sophisticated color direction for a new-style Chinese tea brand, targeting women aged 20–35, avoiding cheap “guochao” (Chinese-chic) feel.
/xxd-palette-builder Using “Moon White” as the anchor, generate a set of primary, secondary, and accent colors for the homepage of a cultural website. The palette should feel quiet, layered, and suitable for long-form reading.
/xxd-palette-applier Apply the traditional color set “Moon White”, “Indigo Blue”, “Deep Purple”, and “Silver Vermilion” to the course cover and the first screen of the detail page, with emphasis on the sign-up button.
/xxd-ui-token Convert this set of traditional Chinese colors into CSS variables for the brand’s official website in both light and dark modes, including variables for buttons, borders, backgrounds, text, and focus states.
/xxd-accessible-color Check whether the body text and button text in #5C2223 on a #F9F4DC background are accessible for web reading, and suggest alternative colors from the same palette.
/xxd-brand-system Establish a traditional color specification for a cultural fragrance brand, covering the official website, packaging, Xiaohongshu covers, and offline exhibitions.
/xxd-data-viz Generate an ECharts‑compatible array of traditional Chinese colors for 7 categories plus one highlight series, with a light background, ensuring the categories are easily distinguishable.
/xxd-existing-design-audit Audit this set of CSS colors, map them to the closest traditional Chinese color names, and advise which ones should be kept or merged.
/xxd-content-series Develop a unified but non‑repeating cover color system for 5 columns on Xiaohongshu, with 3 updates per week, aiming for a traditional yet not outdated look.
/xxd-print-packaging Plan the traditional colors, series variations, and a print proofing checklist for a tea gift box, using matte coated paper with localized hot‑foil stamping.
Similar Articles
@GitHub_Daily: Saw a nice website and want to replicate it, but extracting colors, fonts, and spacing requires digging through CSS for hours. SkillUI takes a URL and automatically extracts the entire design system. Colors, fonts, spacing, animations, component screenshots, packaged into a Skill that Claude Code can read directly. GitHub: …
SkillUI is a command-line tool that extracts a complete design system from any website, including colors, fonts, spacing, animations, and component screenshots, and packages it into a format directly readable by Claude Code, helping quickly replicate a website's visual style.
@Huanusa: Frontend developers and designers are really going to lose their jobs! Someone made a magic tool http://designmd.me: Just drop a website URL in, extract the complete design system with one click (colors, fonts, components, layout all pulled out), automatically generate a DESIGN.md file! Just drop a website URL in, extract with one click…
Someone created a magic tool designmd.me that lets you extract a complete design system (colors, fonts, components, layout) by simply entering a website URL, automatically generating a DESIGN.md file. Combined with the awesome-design-md repository (already 54k stars), you can quickly replicate the UI of top brands.
@xin_pai88825: Yesterday I saw that @stephenhaney open-sourced Paper Shaders, and @alex_barashkov also released a UI component library. So I integrated both and built an online page that supports full-screen preview and customizable parameters. You can upload a Logo directly to quickly generate...
Integrated the open-source Paper Shaders and a UI component library to build an online page that supports full-screen preview and customizable parameters. Users can upload a Logo to quickly generate dynamic animations.
@vista8: Open source, open source! Tired of AI-heavy web design and monotonous layouts? Qiao Bangzhu tested and compared 8 mainstream design Skills, absorbed the strengths of each, and open-sourced his own design Skill: qiaomu-design. Features: 1. Style Fitting Room: Generate four design demos from a single sentence, preview and confirm before development.
Qiao Bangzhu open-sourced the design Skill qiaomu-design, offering features like Style Fitting Room, anti-AI-style design, self-evolution mechanism, and references from mature websites, supporting GLM or Claude models.
@op7418: https://x.com/op7418/status/2074728162018152817
The user released an open-source AI illustration skill called guizang-material-illustration, based on GPT-Image 2.0 and Codex Agent, which can generate 3D material explanation diagrams with Chinese labels, suitable for articles, weekly reports, PPTs, etc.