菜单
Use this skill to generate well-branded interfaces and assets for ideaverse-os, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | ideaverse-os-design |
| description | Use this skill to generate well-branded interfaces and assets for ideaverse-os, 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.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. Pull in colors_and_type.css from the skill root for tokens — every prototype should @import it so the wine/cream/ink palette and Lora/Inter/Geist Mono stack arrive for free.
If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand. Note the production scope rule: ideaverse-os tokens must be scoped to the /ideaverse-os/* route on ktncodes-v2 — never leaked to :root. The parent app's dark theme must remain on every other route.
When the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions about audience and surface, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.
These are stated bluntly because they're easy to violate accidentally:
#000, no #fff. Author all color in OKLCH.-> not →, -- not —, ... not …, " not ".box-shadow. Depth comes from three cream values plus 1px hairline borders. The Flat-Paper Rule.backdrop-filter: blur().38rem (65–75ch).README.md — full visual + content foundations. Read first.colors_and_type.css — token + semantic CSS. Single import.fonts/fonts.css — Google Fonts loader (Lora / Inter / Geist Mono).assets/ — vault homepage, folder-structure screenshots, font-stack reference.preview/ — small one-purpose cards. Useful as gut-checks while designing.ui_kits/marketing/ — full landing-page recreation with reusable React components. Read Components.jsx to lift <InstallBlock>, <ComparisonTable>, <PositionGrid>, <PhaseTimeline>, <TemplateCard>.DESIGN.md / DESIGN.json / PRODUCT.md — source of truth, copied from the upstream repo.docs/ — landing-page brief and font guide.The ideaverse-OS build interview and capture orchestrator. Use when the user runs /ideaverse-os build to compile their identity into the lean 6 files, or /ideaverse-os capture to ingest a source. Harness-agnostic - works in any LLM CLI that can read project files.
Compile source notes from 40-raw/ into structured cortex articles in 10-cortex/. Creates or refreshes LLM-maintained articles. Invoke with /cortex-compile [topic] after any ingestion event, or run standalone to process all pending sources.
Audit cortex articles in 10-cortex/ for decay, missing required fields, broken Sources prefixes, and short TL;DR sections. Read-only by default. Invoke with /cortex-lint to surface issues without mutating any file.
Use this skill to generate well-branded interfaces and assets for ideaverse-os, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
Conversational ingestion router. Accepts a YouTube URL, plain HTTP URL, a filename in 40-raw/web-clips/, or a free-text "I learned X" note. Routes to the right handler, refreshes 10-cortex/ via cortex-compile + cortex-connect, and logs to today's daily note. Invoke with /ideaverse-capture <url-or-text>.
Scan 10-cortex/ articles for unlinked mentions of other article titles and add [[wikilinks]]. Deepens the knowledge graph without needing an LLM for matching -- pure text search. Invoke with /cortex-connect [topic] after cortex-compile, or run standalone.