메뉴
Applies OneContext's official brand colors, typography, and UI patterns. Use when building or styling UI, marketing pages, docs, or any artifact that should match the OneContext visual identity (clean, minimal, developer-first).
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Coding standards, architecture patterns, and project conventions for the OneContext monorepo
Spawn a parallel agent team to create and run tests for recently implemented code. Agents analyze changes, write tests, and extend the existing test suite.
OneContext tone, voice, and copy rules. Use when writing or editing headlines, CTAs, landing copy, docs, in-app copy, or social content so messaging stays on-brand (direct, technical, developer-first, no AI slop).
| name | brand-guidelines |
| description | Applies OneContext's official brand colors, typography, and UI patterns. Use when building or styling UI, marketing pages, docs, or any artifact that should match the OneContext visual identity (clean, minimal, developer-first). |
OneContext is the universal AI identity platform. Our visual identity is clean, minimal, and functional—predominantly white with dark green used sparingly as a strategic accent. Prioritize infrastructure-grade reliability over consumer-app flashiness.
Keywords: OneContext brand, visual identity, UI styling, colors, typography, developer-first design, Tailwind, shadcn
Source: prompts/brand-guide-and-visual-identity.md
For tone, voice, and copy (headlines, CTAs, landing text, docs, social), use the brand-copy-guidelines skill.
#FFFFFF – dominant for backgrounds, forms, cards. The brand is intentionally minimal with lots of white space.#047857 (Tailwind emerald-700) – CTAs, links, active states, badges, key highlights. Use sparingly, not as broad fill.#10B981 (Tailwind emerald-500) – hover states, subtle highlights, focus rings.#0A0A0A / #18181B.#EF4444.#F59E0B.Rule: The brand is not green-heavy. Green only for interactive/important elements.
| Element | Size | Weight |
|---|---|---|
| H1 Hero | 48–64px | Bold |
| H2 | 36–40px | Semibold |
| H3 | 24–28px | — |
| Body | 16–18px | Regular (line-height 1.6–1.7) |
| Small/caption | 14px | — |
white, emerald-700, emerald-500, grays, reds, ambers)./public/brand/ (SVG primary, PNG for social); monochrome for dark/accessibility.When creating or editing UI, marketing pages, or docs, apply these colors, type scale, and patterns so OneContext stays consistent and on-brand.