{"id":127756,"url":"https://github.com/charlo-o/awesome-design-md","name":"awesome-design-md","description":"Bilingual local index for AI design prompts, examples, and creative references.","projects_count":55,"last_synced_at":"2026-09-17T12:00:25.770Z","repository":{"id":349339703,"uuid":"1201891778","full_name":"Charlo-O/awesome-design-md","owner":"Charlo-O","description":"Bilingual local index for AI design prompts, examples, and creative references.","archived":false,"fork":false,"pushed_at":"2026-06-16T09:42:10.000Z","size":152022,"stargazers_count":3,"open_issues_count":1,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-08-28T16:07:34.494Z","etag":null,"topics":["ai-design","bilingual","design-resources","html","prompt-engineering"],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Charlo-O.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"claude":null,"gemini":null,"cursor":null,"copilot":null,"dco":null,"cla":null,"disclosure":null},"funding":{"github":"voltagent"}},"created_at":"2026-04-05T09:59:31.000Z","updated_at":"2026-06-16T09:47:17.000Z","dependencies_parsed_at":"2026-08-09T02:38:42.582Z","dependency_job_id":null,"html_url":"https://github.com/Charlo-O/awesome-design-md","commit_stats":null,"previous_names":["charlo-o/awesome-design-md"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Charlo-O/awesome-design-md","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charlo-O%2Fawesome-design-md","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charlo-O%2Fawesome-design-md/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charlo-O%2Fawesome-design-md/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charlo-O%2Fawesome-design-md/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Charlo-O","download_url":"https://codeload.github.com/Charlo-O/awesome-design-md/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Charlo-O%2Fawesome-design-md/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":341189360,"owners_count":37389270,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-08-22T15:14:58.755Z","status":"online","status_checked_at":"2026-09-17T02:00:07.197Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2026-04-10T08:47:15.526Z","updated_at":"2026-09-17T12:00:25.771Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["本地运行","Primary Collection"],"sub_categories":["AI \u0026 Machine Learning","Developer Tools \u0026 Platforms","Infrastructure \u0026 Cloud","Design \u0026 Productivity","Fintech \u0026 Crypto","Enterprise \u0026 Consumer"],"readme":"# awesome-design-md\n\n这是当前仓库的实际说明文档，不是上游 `VoltAgent/awesome-design-md` 的原始宣传页。\n\n本仓库当前是一个本地化静态索引站，把两类设计资产汇总到同一个浏览入口里：\n\n- `design-md/*` 中的 54 个站点级 DESIGN.md 条目\n- `extra/uiuxskillProMax` 中导入的 58 个 UI/UX 风格模板\n\n按当前已提交的生成结果，站点一共包含：\n\n- 112 个风格条目\n- 166 个预览页面\n- 9 个分类\n\n首页是 [index.html](./index.html)，详情页是 [style.html](./style.html)。站点支持中英文切换、搜索、分类筛选、收藏、首页预览弹窗和详情页浏览。\n\n## 目录结构\n\n| 路径 | 作用 |\n| --- | --- |\n| `design-md/` | 原始站点 DESIGN.md、README、浅色/深色预览 |\n| `extra/uiuxskillProMax/` | UI/UX Pro Max 风格库及其静态资源 |\n| `extra/uiuxskillProMax/generated/` | 为导入风格生成的本地 README / DESIGN.md |\n| `site-assets/designs.js` | 站点数据，生成文件 |\n| `site-assets/translations.js` | 中译文案映射，生成文件 |\n| `site-assets/site.js` | 首页与详情页交互逻辑 |\n| `site-assets/site.css` | 站点样式 |\n| `scripts/build-index-site.mjs` | 汇总条目并生成 `site-assets/designs.js` |\n| `scripts/build-translations.mjs` | 生成 `site-assets/translations.js` |\n\n## 本地运行\n\n这个项目没有 `package.json`，不需要安装 npm 依赖。它是一个纯静态站点，直接起本地静态服务器即可。\n\n```powershell\ncd F:\\soft\\vibeui\\awesome-design-md\npython -m http.server 4173\n```\n\n然后打开 [http://127.0.0.1:4173/](http://127.0.0.1:4173/)。\n\n## 数据生成\n\n如果你改了 `design-md/*`、根目录 `README.md` 里的主站点列表，或者 `extra/uiuxskillProMax` 相关资源，需要重新生成站点数据：\n\n```powershell\nnode scripts/build-index-site.mjs\n```\n\n如果你改了英文文案，需要重新生成中文翻译映射：\n\n```powershell\nnode scripts/build-translations.mjs\n```\n\n说明：\n\n- `build-index-site.mjs` 只使用 Node 内置模块。\n- `build-translations.mjs` 依赖本机可用的 `curl`，并需要联网访问翻译接口。\n- 这两个脚本都会直接改写仓库里的生成文件。\n\n## 真实数据来源\n\n站点数据不是只来自一个来源。\n\n### 1. 主站点条目\n\n主站点条目来自 `design-md/*`，每个条目通常包含：\n\n- `README.md`\n- `DESIGN.md`\n- `preview.html`\n- `preview-dark.html`（如果存在）\n\n这些条目会出现在 AI、开发工具、基础设施、设计生产、金融加密、企业消费这 6 个分类里。\n\n### 2. UI/UX Pro Max 导入条目\n\n导入条目来自 `extra/uiuxskillProMax/js/style-data.js` 和相关预览页面。构建脚本会：\n\n- 读取 UI/UX Pro Max 风格数据\n- 为每个风格在 `extra/uiuxskillProMax/generated/` 下生成本地 `README.md` 和 `DESIGN.md`\n- 把这些风格并入索引站\n\n这些导入条目会出现在：\n\n- `General Style Templates`\n- `Landing Page Templates`\n- `Analytics Dashboard Templates`\n\n## 维护约束\n\n`scripts/build-index-site.mjs` 会解析本 README 中的“Primary Collection”部分来识别 `design-md/*` 的主站点条目。\n\n这意味着：\n\n- 可以修改本 README 的说明文字\n- 但如果你改了 `Primary Collection` 下的分类标题或条目格式，也要同步调整 `scripts/build-index-site.mjs`\n- 如果新增或删除 `design-md/*` 条目，应该同时更新该列表\n\n## Primary Collection\n\n这一节是构建脚本的输入之一。请保持以下两点稳定：\n\n1. 分类标题必须保持当前英文名称\n2. 条目格式必须保持 `- [**Name**](url) - summary`\n\n导入自 UI/UX Pro Max 的 58 个风格不在这里手写维护，它们由脚本自动导入。\n\n### AI \u0026 Machine Learning\n\n- [**Claude**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/claude/) - Anthropic's AI assistant. Warm terracotta accent, clean editorial layout\n- [**Cohere**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/cohere/) - Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic\n- [**ElevenLabs**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/elevenlabs/) - AI voice platform. Dark cinematic UI, audio-waveform aesthetics\n- [**Minimax**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/minimax/) - AI model provider. Bold dark interface with neon accents\n- [**Mistral AI**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/mistral.ai/) - Open-weight LLM provider. French-engineered minimalism, purple-toned\n- [**Ollama**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/ollama/) - Run LLMs locally. Terminal-first, monochrome simplicity\n- [**OpenCode AI**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/opencode.ai/) - AI coding platform. Developer-centric dark theme\n- [**Replicate**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/replicate/) - Run ML models via API. Clean white canvas, code-forward\n- [**RunwayML**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/runwayml/) - AI video generation. Cinematic dark UI, media-rich layout\n- [**Together AI**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/together.ai/) - Open-source AI infrastructure. Technical, blueprint-style design\n- [**VoltAgent**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/voltagent/) - AI agent framework. Void-black canvas, emerald accent, terminal-native\n- [**xAI**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/x.ai/) - Elon Musk's AI lab. Stark monochrome, futuristic minimalism\n\n### Developer Tools \u0026 Platforms\n\n- [**Cursor**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/cursor/) - AI-first code editor. Sleek dark interface, gradient accents\n- [**Expo**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/expo/) - React Native platform. Dark theme, tight letter-spacing, code-centric\n- [**Linear**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/linear.app/) - Project management for engineers. Ultra-minimal, precise, purple accent\n- [**Lovable**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/lovable/) - AI full-stack builder. Playful gradients, friendly dev aesthetic\n- [**Mintlify**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/mintlify/) - Documentation platform. Clean, green-accented, reading-optimized\n- [**PostHog**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/posthog/) - Product analytics. Playful hedgehog branding, developer-friendly dark UI\n- [**Raycast**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/raycast/) - Productivity launcher. Sleek dark chrome, vibrant gradient accents\n- [**Resend**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/resend/) - Email API for developers. Minimal dark theme, monospace accents\n- [**Sentry**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/sentry/) - Error monitoring. Dark dashboard, data-dense, pink-purple accent\n- [**Supabase**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/supabase/) - Open-source Firebase alternative. Dark emerald theme, code-first\n- [**Superhuman**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/superhuman/) - Fast email client. Premium dark UI, keyboard-first, purple glow\n- [**Vercel**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/vercel/) - Frontend deployment platform. Black and white precision, Geist font\n- [**Warp**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/warp/) - Modern terminal. Dark IDE-like interface, block-based command UI\n- [**Zapier**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/zapier/) - Automation platform. Warm orange, friendly illustration-driven\n\n### Infrastructure \u0026 Cloud\n\n- [**ClickHouse**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/clickhouse/) - Fast analytics database. Yellow-accented, technical documentation style\n- [**Composio**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/composio/) - Tool integration platform. Modern dark with colorful integration icons\n- [**HashiCorp**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/hashicorp/) - Infrastructure automation. Enterprise-clean, black and white\n- [**MongoDB**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/mongodb/) - Document database. Green leaf branding, developer documentation focus\n- [**Sanity**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/sanity/) - Headless CMS. Red accent, content-first editorial layout\n- [**Stripe**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/stripe/) - Payment infrastructure. Signature purple gradients, weight-300 elegance\n\n### Design \u0026 Productivity\n\n- [**Airtable**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/airtable/) - Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic\n- [**Cal.com**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/cal/) - Open-source scheduling. Clean neutral UI, developer-oriented simplicity\n- [**Clay**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/clay/) - Creative agency. Organic shapes, soft gradients, art-directed layout\n- [**Figma**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/figma/) - Collaborative design tool. Vibrant multi-color, playful yet professional\n- [**Framer**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/framer/) - Website builder. Bold black and blue, motion-first, design-forward\n- [**Intercom**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/intercom/) - Customer messaging. Friendly blue palette, conversational UI patterns\n- [**Miro**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/miro/) - Visual collaboration. Bright yellow accent, infinite canvas aesthetic\n- [**Notion**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/notion/) - All-in-one workspace. Warm minimalism, serif headings, soft surfaces\n- [**Pinterest**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/pinterest/) - Visual discovery platform. Red accent, masonry grid, image-first\n- [**Webflow**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/webflow/) - Visual web builder. Blue-accented, polished marketing site aesthetic\n\n### Fintech \u0026 Crypto\n\n- [**Coinbase**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/coinbase/) - Crypto exchange. Clean blue identity, trust-focused, institutional feel\n- [**Kraken**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/kraken/) - Crypto trading platform. Purple-accented dark UI, data-dense dashboards\n- [**Revolut**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/revolut/) - Digital banking. Sleek dark interface, gradient cards, fintech precision\n- [**Wise**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/wise/) - International money transfer. Bright green accent, friendly and clear\n\n### Enterprise \u0026 Consumer\n\n- [**Airbnb**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/airbnb/) - Travel marketplace. Warm coral accent, photography-driven, rounded UI\n- [**Apple**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/apple/) - Consumer electronics. Premium white space, SF Pro, cinematic imagery\n- [**BMW**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/bmw/) - Luxury automotive. Dark premium surfaces, precise German engineering aesthetic\n- [**IBM**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/ibm/) - Enterprise technology. Carbon design system, structured blue palette\n- [**NVIDIA**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/nvidia/) - GPU computing. Green-black energy, technical power aesthetic\n- [**SpaceX**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/spacex/) - Space technology. Stark black and white, full-bleed imagery, futuristic\n- [**Spotify**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/spotify/) - Music streaming. Vibrant green on dark, bold type, album-art-driven\n- [**Uber**](https://github.com/Charlo-O/awesome-design-md/tree/main/design-md/uber/) - Mobility platform. Bold black and white, tight type, urban energy\n\n## License\n\nMIT，见 [LICENSE](./LICENSE)。\n\n仓库中收录的 DESIGN.md、预览页和样式信息主要用于本地浏览、设计分析和 AI 生成参考。原始品牌视觉资产归各自品牌所有。\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/charlo-o%2Fawesome-design-md/projects"}