arcan-glass-e3b0c4 — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited arcan-glass-e3b0c4 (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Arcan Glass is BroomVA's trademark web design language -- ArcanBG's brand DNA (AI Blue #0066FF + Web3 Green #00CC66 + dark surfaces) fused with liquid glass web effects (backdrop-filter blur, layered highlights, adaptive tinting, morphing transitions). Dark-first, glass-elevated.
Light mode is Day Glass: a luminous 275 degree violet surface system, not a white inversion. It keeps hue continuity, uses low chroma to avoid glare, and preserves clear OKLCh lightness distance between surfaces, text, borders, and shadows.
arcan-glass/assets/globals.css into your Next.js project as app/globals.cssimport "./globals.css"<div class="glass-card">, <button class="glass-button glass-button-primary">All shadcn/ui components automatically pick up the Arcan Glass theme.
backdrop-filter; limit to 3-5 per viewport--ag- prefix to avoid collisionsEvery glass component is built from 4 composable layers:
| Layer | Technique | Purpose |
|---|---|---|
| 1. Backdrop blur | backdrop-filter: blur() saturate() | Frosted glass foundation |
| 2. Highlight | ::before with top-edge gradient | Light reflection / depth cue |
| 3. Shadow | Multi-level box-shadow | Elevation / grounding |
| 4. Adaptive tint | color-mix(in oklab) | Contextual color pickup |
Three intensity presets: glass-subtle (40% / 8px), glass (60% / 16px), glass-heavy (80% / 24px).
| Token | Color | Usage |
|---|---|---|
--ag-ai-blue | oklch(0.55 0.25 260) / #0066FF | Primary, interactive, links |
--ag-web3-green | oklch(0.72 0.19 155) / #00CC66 | Accent, success, web3 |
| Component | Class | Glass Level |
|---|---|---|
| Card | .glass-card | Medium |
| Nav | .glass-nav | Heavy |
| Button | .glass-button | Medium |
| Input | .glass-input | Subtle |
| Modal | .glass-modal | Heavy |
| Sidebar | .glass-sidebar | Heavy |
| Badge | .glass-badge | Subtle |
| Animation | Tailwind | Duration | Usage |
|---|---|---|---|
| Glow pulse | animate-glow-pulse | 2s loop | Active/loading states |
| Glass reveal | animate-glass-reveal | 0.5s once | Entry animations |
| Gradient flow | animate-gradient-flow | 8s loop | Hero backgrounds |
color-system.md -- Full OKLCh palette, hex fallbacks, surface scale, text hierarchydesign-tokens.md -- Shadows, blur, radius, spacing, typography, transitionsglass-components.md -- 4-layer glass system, component CSS patterns + Tailwind compositionanimation-patterns.md -- Glow pulse, hover lift, morph, scroll reveal, gradient flowtailwind-integration.md -- @theme inline wiring, @utility blocks, shadcn mapping, cva extensionsglobals.css -- Drop-in CSS file with all tokens, glass utilities, components, and animations~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.