القائمة
白紫轻科技工作台风信息卡主题。适合 AI 驱动开发、流程方法论、阶段拆解、产品/工程工作流与多栏结构化内容；主视觉是白底、紫色强调、轻玻璃科技感与三栏流程布局。
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/ccwq/infocard-pub --skill infocard-white-purple-styleيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
Use before infocard .docs authoring to select a registered theme from content-aware candidates. Owns the only content-to-theme association, capability filtering, bounded reproducible variation, and theme-decision.json.
Use when one URL or a complete user brief should become one published infocard through the .docs promotion workflow.
Light-batch publish 2–3 cards in parallel without worktree.
عرض SKILL.md
| name | infocard-white-purple-style |
| description | 白紫轻科技工作台风信息卡主题。适合 AI 驱动开发、流程方法论、阶段拆解、产品/工程工作流与多栏结构化内容；主视觉是白底、紫色强调、轻玻璃科技感与三栏流程布局。 |
| version | 1.0.0 |
| author | Hermes Agent |
| license | MIT |
| metadata | {"hermes":{"tags":["infocard","style","white","purple","glassmorphism","workflow","process","technical"]}} |
infocard-white-purple-style 是一套面向 AI 驱动开发 / 方法论拆解 / 流程工作台 的白紫主题信息卡风格。
它的核心不是炫技，而是把“复杂流程”做成清晰、克制、可扫描的结构化页面：
方法论相关内容默认使用本主题。当用户提到"方法论"、"框架"、"流程"、"AI unknowns"、"认知偏差"、"系统思考"等主题时，优先选择 white-purple。
重建 vs 换色：本主题 CSS 骨架（白底、紫色accent、shell 纹理、glass-card、section-label）与 graph-paper/darkblue 等完全不同，方法论卡迁移属于重建，不是换色。
:root {
--bg: #f7f7fb;
--paper: #ffffff;
--paper-soft: #fbfbfe;
--ink: #111111;
--muted: #6b6b7a;
--line: rgba(91, 73, 255, 0.16);
--line-strong: rgba(91, 73, 255, 0.32);
--accent: #8a5cf5;
--accent-deep: #5b49ff;
--accent-soft: rgba(138, 92, 245, 0.10);
--glass: rgba(255, 255, 255, 0.72);
}
--bg：页面底色--paper：主卡片底色--paper-soft：次级卡片 / 面板底色--ink：正文与标题主色--muted：说明文字、辅助标签--line / --line-strong：边框、分割线、流程框线--accent：主紫色强调--accent-deep：更强对比的标题 / 编号 / 选中态--accent-soft：淡紫底、chip、highlighter--glass：轻玻璃层效果推荐结构：
Top bar / brand strip
Hero title block
Stage navigation / flow bar
Three-column body
Footer
When this theme carries many stacked cards or repo facts, pure calc(100vw / 72) rem scaling can collapse body copy too far on 390px devices. Use a mobile floor instead of chasing smaller rem:
html { font-size: 15px; } or equivalent floors over further shrinkinggetComputedStyle() on the actual mobile viewport, not only a screenshotinfocard-white-purple-stylewhite-purple-style本主题由 grill-me 对齐结果归纳而来：
如果后续要落地为可发布主题，应同步补充 theme 文件、预览注册和发布验证流程；这些不属于本 skill 的主职责。