{
"format_version": 1,
"resources": [
{
"id": "snippet.rust-workspace-loader",
"kind": "snippet",
"title": "Load a Control Plane workspace",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"workspace",
"validation",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": "use cybercore::control_plane::ControlPlaneWorkspace;\n\nlet workspace = ControlPlaneWorkspace::load(\".cybercore/workspace.json\")?;\nworkspace.validate()?;\nprintln!(\"{} resources\", workspace.resources.len());",
"description": "Cybercore pattern for load a control plane workspace.",
"platforms": [
"rust",
"control-plane"
],
"category": "workspace"
},
{
"id": "snippet.rust-resource-validation",
"kind": "snippet",
"title": "Validate a governed resource",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"provenance",
"components",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": "use cybercore::control_plane::ResourceManifest;\n\nfn validate_resource(resource: &ResourceManifest) -> Result<(), Box<dyn std::error::Error>> {\n resource.validate()?;\n Ok(())\n}",
"description": "Cybercore pattern for validate a governed resource.",
"platforms": [
"rust",
"control-plane"
],
"category": "validation"
},
{
"id": "snippet.rust-theme-catalog",
"kind": "snippet",
"title": "Read the shared theme catalog",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"themes",
"runtime",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": "use cybercore::theme::ThemeCatalog;\n\nlet catalog = ThemeCatalog::load()?;\nlet active = catalog.active_id();\nprintln!(\"active theme: {active}\");",
"description": "Cybercore pattern for read the shared theme catalog.",
"platforms": [
"rust",
"control-plane"
],
"category": "themes"
},
{
"id": "snippet.github-control-plane-check",
"kind": "snippet",
"title": "Validate a consumer workspace in CI",
"version": "1.0.0",
"status": "approved",
"language": "yaml",
"tags": [
"github-actions",
"validation",
"ci"
],
"license": "MIT",
"source": "Cybercore",
"content": "- name: Validate Cybercore workspace\n run: cargo run -p cybercore --example inspect_control_plane -- .cybercore/workspace.json"
},
{
"id": "asset.cybercore-mark",
"kind": "asset",
"title": "Cybercore hex mark",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"svg",
"logo",
"brand"
],
"license": "MIT",
"source": "Cybercore",
"content": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" role=\"img\" aria-label=\"Cybercore mark\"><path d=\"M50 4 91 27v46L50 96 9 73V27Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"7\"/><path d=\"M42 50h35M42 50a10 10 0 1 1 0-20 10 10 0 0 1 0 20Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"7\" stroke-linecap=\"round\"/></svg>"
},
{
"id": "asset.phone-shell-template",
"kind": "asset",
"title": "Responsive phone shell template",
"version": "1.0.0",
"status": "review",
"format": "css",
"tags": [
"css",
"device",
"responsive"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-phone-shell { position: relative; aspect-ratio: 9 / 20; border: 1px solid var(--cc-accent); border-radius: 2rem; padding: .7rem; background: linear-gradient(145deg, #27303a, #090b11 40%, #202633); box-shadow: 0 2rem 5rem #000b, 0 0 2rem color-mix(in srgb, var(--cc-accent) 35%, transparent); }"
},
{
"id": "effect.noise-sweep",
"kind": "effect",
"title": "Noise sweep",
"version": "1.0.0",
"status": "draft",
"recipe": "css",
"tags": [
"motion",
"texture",
"web"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-noise-sweep { position: relative; isolation: isolate; overflow: hidden; }\n.cc-noise-sweep::after { content: \"\"; position: absolute; inset: -50%; z-index: -1; opacity: .08; pointer-events: none; background: repeating-radial-gradient(circle at 20% 30%, var(--cc-accent) 0 1px, transparent 1px 4px); animation: cc-noise-drift 1.8s steps(4) infinite; }\n@keyframes cc-noise-drift { 50% { transform: translate(4%, -3%) } }\n@media (prefers-reduced-motion: reduce) { .cc-noise-sweep::after { animation: none; } }",
"category": "effects",
"description": "Governed Cybercore visual effect.",
"platforms": [
"web",
"theme-studio"
],
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.signal-scan",
"kind": "effect",
"title": "Signal scan",
"version": "1.0.0",
"status": "draft",
"recipe": "css",
"tags": [
"motion",
"scanline",
"web"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-signal-scan { position: relative; overflow: hidden; }\n.cc-signal-scan::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--cc-accent) 28%, transparent), transparent); transform: translateY(-100%); animation: cc-signal-scan 3.6s linear infinite; }\n@keyframes cc-signal-scan { to { transform: translateY(100%); } }\n@media (prefers-reduced-motion: reduce) { .cc-signal-scan::after { display: none; } }",
"category": "effects",
"description": "Governed Cybercore visual effect.",
"platforms": [
"web",
"theme-studio"
],
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect-corner-brackets",
"kind": "effect",
"title": "Corner brackets",
"version": "1.0.0",
"status": "approved",
"recipe": "css",
"tags": [
"frame",
"component",
"web"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-corner-brackets { position: relative; }\n.cc-corner-brackets::before, .cc-corner-brackets::after { content: \"\"; position: absolute; inset: .5rem; pointer-events: none; border: 1px solid color-mix(in srgb, var(--cc-accent) 55%, transparent); clip-path: polygon(0 0, 18% 0, 18% 1px, 1px 1px, 1px 18%, 0 18%, 0 0, 100% 0, 100% 18%, calc(100% - 1px) 18%, calc(100% - 1px) 1px, 82% 1px, 82% 0); opacity: .7; }\n.cc-corner-brackets::after { transform: rotate(180deg); }",
"category": "effects",
"description": "Governed Cybercore visual effect.",
"platforms": [
"web",
"theme-studio"
],
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "component.cyber-card",
"kind": "component",
"title": "Cyber card",
"version": "1.0.0",
"status": "approved",
"contract": [
"surface",
"accent",
"density",
"motion",
"focus"
],
"fallback": "plain-card",
"tags": [
"card",
"component",
"cybercore",
"surface",
"web"
],
"license": "MIT",
"source": "Cybercore",
"category": "surfaces",
"description": "Governed Cybercore cyber card for app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"component-cyber-card\" data-cybercore-component=\"component.cyber-card\">Cyber card</section>",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.detail-dialog",
"kind": "component",
"title": "Accessible detail dialog",
"version": "1.0.0",
"status": "approved",
"contract": [
"dialog",
"backdrop",
"close",
"keyboard",
"reduced-motion"
],
"fallback": "inline-details",
"tags": [
"accessibility",
"component",
"cybercore",
"dialog",
"web"
],
"license": "MIT",
"source": "Cybercore",
"category": "feedback",
"description": "Governed Cybercore accessible detail dialog for app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"component-detail-dialog\" data-cybercore-component=\"component.detail-dialog\">Accessible detail dialog</section>",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.install-console",
"kind": "component",
"title": "Verified install console",
"version": "1.0.0",
"status": "approved",
"contract": [
"command",
"copy",
"checksum",
"fallback",
"provenance"
],
"fallback": "preformatted-command",
"tags": [
"component",
"cybercore",
"install",
"security",
"web"
],
"license": "MIT",
"source": "Cybercore",
"category": "terminal",
"description": "Governed Cybercore verified install console for app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"component-install-console\" data-cybercore-component=\"component.install-console\">Verified install console</section>",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.phone-shell",
"kind": "component",
"title": "Realistic phone shell",
"version": "1.0.0",
"status": "review",
"contract": [
"device-frame",
"screen",
"edge-light",
"responsive",
"reduced-motion"
],
"fallback": "static-image",
"tags": [
"component",
"cybercore",
"device",
"hero",
"web"
],
"license": "MIT",
"source": "Cybercore",
"category": "responsive",
"description": "Governed Cybercore realistic phone shell for app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"component-phone-shell\" data-cybercore-component=\"component.phone-shell\">Realistic phone shell</section>",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "snippet.rust-001",
"kind": "snippet",
"title": "Load a workspace",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for load a workspace.",
"platforms": [
"rust",
"control-plane"
],
"content": "ControlPlaneWorkspace::load(\".cybercore/workspace.json\")?",
"category": "workspace"
},
{
"id": "snippet.rust-002",
"kind": "snippet",
"title": "Create a local workspace",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for create a local workspace.",
"platforms": [
"rust",
"control-plane"
],
"content": "ControlPlaneWorkspace::new(\"cybercore.local\", \"Cybercore Local Workspace\")",
"category": "workspace"
},
{
"id": "snippet.rust-003",
"kind": "snippet",
"title": "Validate a workspace",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for validate a workspace.",
"platforms": [
"rust",
"control-plane"
],
"content": "workspace.validate()?",
"category": "workspace"
},
{
"id": "snippet.rust-004",
"kind": "snippet",
"title": "Find a resource",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for find a resource.",
"platforms": [
"rust",
"control-plane"
],
"content": "workspace.resource(\"component.cyber-card\")",
"category": "workspace"
},
{
"id": "snippet.rust-005",
"kind": "snippet",
"title": "Save a workspace",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for save a workspace.",
"platforms": [
"rust",
"control-plane"
],
"content": "workspace.save(\".cybercore/workspace.json\")?",
"category": "workspace"
},
{
"id": "snippet.rust-006",
"kind": "snippet",
"title": "Count approved resources",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for count approved resources.",
"platforms": [
"rust",
"control-plane"
],
"content": "workspace.resources.iter().filter(|r| r.status == ResourceStatus::Approved).count()",
"category": "workspace"
},
{
"id": "snippet.rust-007",
"kind": "snippet",
"title": "List site profiles",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for list site profiles.",
"platforms": [
"rust",
"control-plane"
],
"content": "for site in &workspace.sites { println!(\"{} -> {}\", site.id, site.repository); }",
"category": "workspace"
},
{
"id": "snippet.rust-008",
"kind": "snippet",
"title": "Read workspace settings",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for read workspace settings.",
"platforms": [
"rust",
"control-plane"
],
"content": "let platforms = &workspace.settings.default_platforms;",
"category": "workspace"
},
{
"id": "snippet.rust-009",
"kind": "snippet",
"title": "Reject an invalid path",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for reject an invalid path.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(workspace.resource(\"bad\").is_none());",
"category": "workspace"
},
{
"id": "snippet.rust-010",
"kind": "snippet",
"title": "Inspect a sample workspace",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"workspace",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for inspect a sample workspace.",
"platforms": [
"rust",
"control-plane"
],
"content": "println!(\"{} has {} resources\", workspace.name, workspace.resources.len());",
"category": "workspace"
},
{
"id": "snippet.rust-011",
"kind": "snippet",
"title": "Validate every resource",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for validate every resource.",
"platforms": [
"rust",
"control-plane"
],
"content": "for resource in &workspace.resources { resource.validate()?; }",
"category": "resources"
},
{
"id": "snippet.rust-012",
"kind": "snippet",
"title": "Select resources for web",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for select resources for web.",
"platforms": [
"rust",
"control-plane"
],
"content": "let web = workspace.resources.iter().filter(|r| r.platforms.iter().any(|p| p == \"web\"));",
"category": "resources"
},
{
"id": "snippet.rust-013",
"kind": "snippet",
"title": "Resolve resource dependencies",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for resolve resource dependencies.",
"platforms": [
"rust",
"control-plane"
],
"content": "let dependencies = resource.dependencies.iter().filter_map(|id| workspace.resource(id));",
"category": "resources"
},
{
"id": "snippet.rust-014",
"kind": "snippet",
"title": "Find approved snippets",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for find approved snippets.",
"platforms": [
"rust",
"control-plane"
],
"content": "let snippets = workspace.resources.iter().filter(|r| r.kind == ResourceKind::Snippet && r.status == ResourceStatus::Approved);",
"category": "resources"
},
{
"id": "snippet.rust-015",
"kind": "snippet",
"title": "Group resources by kind",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for group resources by kind.",
"platforms": [
"rust",
"control-plane"
],
"content": "let by_kind = workspace.resources.iter().fold(HashMap::new(), |mut map, r| { map.entry(&r.kind).or_insert(Vec::new()).push(r); map });",
"category": "resources"
},
{
"id": "snippet.rust-016",
"kind": "snippet",
"title": "Check resource provenance",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for check resource provenance.",
"platforms": [
"rust",
"control-plane"
],
"content": "if resource.provenance.reviewed { println!(\"reviewed: {}\", resource.id); }",
"category": "resources"
},
{
"id": "snippet.rust-017",
"kind": "snippet",
"title": "Find stale references",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for find stale references.",
"platforms": [
"rust",
"control-plane"
],
"content": "let stale = site.resources.iter().filter(|id| workspace.resource(id).is_none());",
"category": "resources"
},
{
"id": "snippet.rust-018",
"kind": "snippet",
"title": "Build a resource manifest",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for build a resource manifest.",
"platforms": [
"rust",
"control-plane"
],
"content": "let manifest = ResourceManifest { id: \"snippet.cc-example\".into(), kind: ResourceKind::Snippet, version: \"1.0.0\".into(), status: ResourceStatus::Draft, title: \"Cybercore example\".into(), path: \"snippets/example.rs\".into(), license: \"MIT\".into(), provenance: provenance, tags: vec![\"rust\".into()], dependencies: vec![], platforms: vec![\"rust\".into()], preview: None, metadata: serde_json::Value::Null };",
"category": "resources"
},
{
"id": "snippet.rust-019",
"kind": "snippet",
"title": "Filter by platform",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for filter by platform.",
"platforms": [
"rust",
"control-plane"
],
"content": "let android = workspace.resources.iter().filter(|r| r.platforms.contains(&\"android\".into()));",
"category": "resources"
},
{
"id": "snippet.rust-020",
"kind": "snippet",
"title": "Serialize a resource report",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"resources",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for serialize a resource report.",
"platforms": [
"rust",
"control-plane"
],
"content": "let report = serde_json::to_string_pretty(&workspace.resources)?;",
"category": "resources"
},
{
"id": "snippet.rust-021",
"kind": "snippet",
"title": "Load the theme catalog",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for load the theme catalog.",
"platforms": [
"rust",
"control-plane"
],
"content": "let catalog = ThemeCatalog::load()?;",
"category": "themes"
},
{
"id": "snippet.rust-022",
"kind": "snippet",
"title": "Find a Cybercore theme",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for find a cybercore theme.",
"platforms": [
"rust",
"control-plane"
],
"content": "let theme = catalog.get(\"cybercore\").ok_or(\"theme not found\")?;",
"category": "themes"
},
{
"id": "snippet.rust-023",
"kind": "snippet",
"title": "Validate a theme document",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for validate a theme document.",
"platforms": [
"rust",
"control-plane"
],
"content": "theme.validate()?;",
"category": "themes"
},
{
"id": "snippet.rust-024",
"kind": "snippet",
"title": "Render theme CSS",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for render theme css.",
"platforms": [
"rust",
"control-plane"
],
"content": "let css = theme.to_css()?;",
"category": "themes"
},
{
"id": "snippet.rust-025",
"kind": "snippet",
"title": "Read the active theme",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for read the active theme.",
"platforms": [
"rust",
"control-plane"
],
"content": "let active = catalog.active_id();",
"category": "themes"
},
{
"id": "snippet.rust-026",
"kind": "snippet",
"title": "Select a theme",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for select a theme.",
"platforms": [
"rust",
"control-plane"
],
"content": "catalog.set_active(\"cybercore\")?;",
"category": "themes"
},
{
"id": "snippet.rust-027",
"kind": "snippet",
"title": "Export a theme pack",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for export a theme pack.",
"platforms": [
"rust",
"control-plane"
],
"content": "let pack = catalog.export_family(\"neosynth\")?;",
"category": "themes"
},
{
"id": "snippet.rust-028",
"kind": "snippet",
"title": "Validate theme contrast",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for validate theme contrast.",
"platforms": [
"rust",
"control-plane"
],
"content": "let report = theme.quality_report()?;",
"category": "themes"
},
{
"id": "snippet.rust-029",
"kind": "snippet",
"title": "Create a theme draft",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for create a theme draft.",
"platforms": [
"rust",
"control-plane"
],
"content": "let draft = ThemeDocument::default();",
"category": "themes"
},
{
"id": "snippet.rust-030",
"kind": "snippet",
"title": "Compare theme revisions",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"themes",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for compare theme revisions.",
"platforms": [
"rust",
"control-plane"
],
"content": "let changed = before.semantic_diff(&after);",
"category": "themes"
},
{
"id": "snippet.rust-031",
"kind": "snippet",
"title": "Run the workspace gate",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for run the workspace gate.",
"platforms": [
"rust",
"control-plane"
],
"content": "let result = workspace.validate().map_err(|e| format!(\"workspace gate failed: {e}\"));",
"category": "validation"
},
{
"id": "snippet.rust-032",
"kind": "snippet",
"title": "Report a validation failure",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for report a validation failure.",
"platforms": [
"rust",
"control-plane"
],
"content": "return Err(ValidationError::Resource { id: resource.id.clone(), message: \"missing preview\".into() });",
"category": "validation"
},
{
"id": "snippet.rust-033",
"kind": "snippet",
"title": "Validate a relative path",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for validate a relative path.",
"platforms": [
"rust",
"control-plane"
],
"content": "if path.is_absolute() { return Err(Error::AbsolutePath(path)); }",
"category": "validation"
},
{
"id": "snippet.rust-034",
"kind": "snippet",
"title": "Check a required field",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for check a required field.",
"platforms": [
"rust",
"control-plane"
],
"content": "if value.trim().is_empty() { return Err(Error::MissingField(\"title\")); }",
"category": "validation"
},
{
"id": "snippet.rust-035",
"kind": "snippet",
"title": "Validate a semantic version",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for validate a semantic version.",
"platforms": [
"rust",
"control-plane"
],
"content": "let version = semver::Version::parse(&resource.version)?;",
"category": "validation"
},
{
"id": "snippet.rust-036",
"kind": "snippet",
"title": "Check a license allowlist",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for check a license allowlist.",
"platforms": [
"rust",
"control-plane"
],
"content": "if !matches!(license, \"MIT\" | \"Apache-2.0\" | \"BSD-3-Clause\") { return Err(Error::UnsupportedLicense); }",
"category": "validation"
},
{
"id": "snippet.rust-037",
"kind": "snippet",
"title": "Validate reduced motion metadata",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for validate reduced motion metadata.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(css.contains(\"prefers-reduced-motion\"));",
"category": "validation"
},
{
"id": "snippet.rust-038",
"kind": "snippet",
"title": "Collect validation checks",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for collect validation checks.",
"platforms": [
"rust",
"control-plane"
],
"content": "let checks = [check_schema(), check_provenance(), check_paths()].into_iter().collect::<Result<Vec<_>, _>>()?;",
"category": "validation"
},
{
"id": "snippet.rust-039",
"kind": "snippet",
"title": "Emit a JSON validation report",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for emit a json validation report.",
"platforms": [
"rust",
"control-plane"
],
"content": "println!(\"{}\", serde_json::to_string_pretty(&checks)?);",
"category": "validation"
},
{
"id": "snippet.rust-040",
"kind": "snippet",
"title": "Fail CI on invalid resources",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"validation",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for fail ci on invalid resources.",
"platforms": [
"rust",
"control-plane"
],
"content": "if !report.valid { std::process::exit(1); }",
"category": "validation"
},
{
"id": "snippet.rust-041",
"kind": "snippet",
"title": "Resolve an asset path",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for resolve an asset path.",
"platforms": [
"rust",
"control-plane"
],
"content": "let asset = workspace_root.join(resource.path);",
"category": "assets"
},
{
"id": "snippet.rust-042",
"kind": "snippet",
"title": "Read an SVG asset",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for read an svg asset.",
"platforms": [
"rust",
"control-plane"
],
"content": "let svg = std::fs::read_to_string(asset)?;",
"category": "assets"
},
{
"id": "snippet.rust-043",
"kind": "snippet",
"title": "Check an SVG viewBox",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for check an svg viewbox.",
"platforms": [
"rust",
"control-plane"
],
"content": "if !svg.contains(\"viewBox=\") { return Err(Error::InvalidAsset); }",
"category": "assets"
},
{
"id": "snippet.rust-044",
"kind": "snippet",
"title": "Hash an asset",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for hash an asset.",
"platforms": [
"rust",
"control-plane"
],
"content": "let digest = sha2::Sha256::digest(std::fs::read(path)?);",
"category": "assets"
},
{
"id": "snippet.rust-045",
"kind": "snippet",
"title": "Copy an asset into a kit",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for copy an asset into a kit.",
"platforms": [
"rust",
"control-plane"
],
"content": "std::fs::copy(source, kit.join(\"assets/mark.svg\"))?;",
"category": "assets"
},
{
"id": "snippet.rust-046",
"kind": "snippet",
"title": "Create an asset directory",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for create an asset directory.",
"platforms": [
"rust",
"control-plane"
],
"content": "std::fs::create_dir_all(root.join(\"assets\"))?;",
"category": "assets"
},
{
"id": "snippet.rust-047",
"kind": "snippet",
"title": "List asset extensions",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for list asset extensions.",
"platforms": [
"rust",
"control-plane"
],
"content": "let svg_assets = files.filter(|p| p.extension().is_some_and(|e| e == \"svg\"));",
"category": "assets"
},
{
"id": "snippet.rust-048",
"kind": "snippet",
"title": "Build a provenance record",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for build a provenance record.",
"platforms": [
"rust",
"control-plane"
],
"content": "let provenance = json!({\"source\": \"Cybercore\", \"license\": \"MIT\", \"reviewed\": true});",
"category": "assets"
},
{
"id": "snippet.rust-049",
"kind": "snippet",
"title": "Reject an oversized asset",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for reject an oversized asset.",
"platforms": [
"rust",
"control-plane"
],
"content": "if bytes.len() > 2_000_000 { return Err(Error::AssetTooLarge); }",
"category": "assets"
},
{
"id": "snippet.rust-050",
"kind": "snippet",
"title": "Generate a stable asset key",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"assets",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for generate a stable asset key.",
"platforms": [
"rust",
"control-plane"
],
"content": "let key = format!(\"asset.{}.{}\", resource.id, resource.version);",
"category": "assets"
},
{
"id": "snippet.rust-051",
"kind": "snippet",
"title": "Start an Axum Control Plane route",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for start an axum control plane route.",
"platforms": [
"rust",
"control-plane"
],
"content": "Router::new().route(\"/api/control-plane/catalog\", get(control_plane_catalog))",
"category": "api"
},
{
"id": "snippet.rust-052",
"kind": "snippet",
"title": "Return the catalog as JSON",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for return the catalog as json.",
"platforms": [
"rust",
"control-plane"
],
"content": "Json(json!({\"resources\": resources})).into_response()",
"category": "api"
},
{
"id": "snippet.rust-053",
"kind": "snippet",
"title": "Require a loopback host",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for require a loopback host.",
"platforms": [
"rust",
"control-plane"
],
"content": "if !is_local_host(host) { return (StatusCode::FORBIDDEN, \"local host required\").into_response(); }",
"category": "api"
},
{
"id": "snippet.rust-054",
"kind": "snippet",
"title": "Parse a publish request",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for parse a publish request.",
"platforms": [
"rust",
"control-plane"
],
"content": "let request: PublishRequest = serde_json::from_slice(&body)?;",
"category": "api"
},
{
"id": "snippet.rust-055",
"kind": "snippet",
"title": "Return a typed API error",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for return a typed api error.",
"platforms": [
"rust",
"control-plane"
],
"content": "(StatusCode::BAD_REQUEST, Json(json!({\"error\": error.to_string()}))).into_response()",
"category": "api"
},
{
"id": "snippet.rust-056",
"kind": "snippet",
"title": "Add a health endpoint",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for add a health endpoint.",
"platforms": [
"rust",
"control-plane"
],
"content": "async fn health() -> Json<Value> { Json(json!({\"service\":\"cybercore-control-plane\",\"status\":\"ok\"})) }",
"category": "api"
},
{
"id": "snippet.rust-057",
"kind": "snippet",
"title": "Use a query filter",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for use a query filter.",
"platforms": [
"rust",
"control-plane"
],
"content": "let filtered = resources.into_iter().filter(|r| query.matches(r));",
"category": "api"
},
{
"id": "snippet.rust-058",
"kind": "snippet",
"title": "Expose a dry-run plan",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for expose a dry-run plan.",
"platforms": [
"rust",
"control-plane"
],
"content": "Json(json!({\"mode\":\"dry-run\",\"outputs\": outputs, \"ready\": true}))",
"category": "api"
},
{
"id": "snippet.rust-059",
"kind": "snippet",
"title": "Set a response header",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for set a response header.",
"platforms": [
"rust",
"control-plane"
],
"content": "response.headers_mut().insert(\"x-cybercore-api\", HeaderValue::from_static(\"v1\"));",
"category": "api"
},
{
"id": "snippet.rust-060",
"kind": "snippet",
"title": "Handle a missing workspace",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"api",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for handle a missing workspace.",
"platforms": [
"rust",
"control-plane"
],
"content": "Json(json!({\"loaded\": false, \"resources\": [], \"sites\": []}))",
"category": "api"
},
{
"id": "snippet.rust-061",
"kind": "snippet",
"title": "Spawn a catalog refresh",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for spawn a catalog refresh.",
"platforms": [
"rust",
"control-plane"
],
"content": "let task = tokio::spawn(async move { refresh_catalog().await });",
"category": "async"
},
{
"id": "snippet.rust-062",
"kind": "snippet",
"title": "Join parallel validators",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for join parallel validators.",
"platforms": [
"rust",
"control-plane"
],
"content": "let (schema, assets) = tokio::join!(validate_schema(), validate_assets());",
"category": "async"
},
{
"id": "snippet.rust-063",
"kind": "snippet",
"title": "Bound concurrent exports",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for bound concurrent exports.",
"platforms": [
"rust",
"control-plane"
],
"content": "stream::iter(resources).map(export).buffer_unordered(4)",
"category": "async"
},
{
"id": "snippet.rust-064",
"kind": "snippet",
"title": "Cancel a publish job",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for cancel a publish job.",
"platforms": [
"rust",
"control-plane"
],
"content": "let token = CancellationToken::new(); token.cancelled().await;",
"category": "async"
},
{
"id": "snippet.rust-065",
"kind": "snippet",
"title": "Protect mutable state",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for protect mutable state.",
"platforms": [
"rust",
"control-plane"
],
"content": "let state = Arc::new(Mutex::new(ControlPlaneState::default()));",
"category": "async"
},
{
"id": "snippet.rust-066",
"kind": "snippet",
"title": "Use a timeout for validation",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for use a timeout for validation.",
"platforms": [
"rust",
"control-plane"
],
"content": "tokio::time::timeout(Duration::from_secs(5), validate()).await??",
"category": "async"
},
{
"id": "snippet.rust-067",
"kind": "snippet",
"title": "Wait for shutdown",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for wait for shutdown.",
"platforms": [
"rust",
"control-plane"
],
"content": "tokio::signal::ctrl_c().await?; shutdown.cancel();",
"category": "async"
},
{
"id": "snippet.rust-068",
"kind": "snippet",
"title": "Send a catalog event",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for send a catalog event.",
"platforms": [
"rust",
"control-plane"
],
"content": "sender.send(CatalogEvent::Published { version }).await?;",
"category": "async"
},
{
"id": "snippet.rust-069",
"kind": "snippet",
"title": "Retry a registry read",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for retry a registry read.",
"platforms": [
"rust",
"control-plane"
],
"content": "for delay in [50, 200, 800] { match read_registry().await { Ok(v) => break Ok(v), Err(e) => { last = e; sleep(delay).await; } } }",
"category": "async"
},
{
"id": "snippet.rust-070",
"kind": "snippet",
"title": "Run CPU work off-thread",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"async",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for run cpu work off-thread.",
"platforms": [
"rust",
"control-plane"
],
"content": "tokio::task::spawn_blocking(move || hash_assets(paths)).await??",
"category": "async"
},
{
"id": "snippet.rust-071",
"kind": "snippet",
"title": "Define a Cybercore CLI",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for define a cybercore cli.",
"platforms": [
"rust",
"control-plane"
],
"content": "#[derive(clap::Parser)] struct Args { #[command(subcommand)] command: Command }",
"category": "cli"
},
{
"id": "snippet.rust-072",
"kind": "snippet",
"title": "Add validate subcommand",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for add validate subcommand.",
"platforms": [
"rust",
"control-plane"
],
"content": "#[derive(clap::Subcommand)] enum Command { Validate { manifest: PathBuf } }",
"category": "cli"
},
{
"id": "snippet.rust-073",
"kind": "snippet",
"title": "Add publish version flag",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for add publish version flag.",
"platforms": [
"rust",
"control-plane"
],
"content": "#[arg(long, default_value = \"v2\")] version: String",
"category": "cli"
},
{
"id": "snippet.rust-074",
"kind": "snippet",
"title": "Print a resource table",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for print a resource table.",
"platforms": [
"rust",
"control-plane"
],
"content": "println!(\"{:<32} {:<10} {}\", id, status, version);",
"category": "cli"
},
{
"id": "snippet.rust-075",
"kind": "snippet",
"title": "Read a manifest argument",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for read a manifest argument.",
"platforms": [
"rust",
"control-plane"
],
"content": "let manifest = args.manifest.canonicalize()?;",
"category": "cli"
},
{
"id": "snippet.rust-076",
"kind": "snippet",
"title": "Use an exit status",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for use an exit status.",
"platforms": [
"rust",
"control-plane"
],
"content": "if report.valid { 0 } else { 1 }",
"category": "cli"
},
{
"id": "snippet.rust-077",
"kind": "snippet",
"title": "Show a dry-run banner",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for show a dry-run banner.",
"platforms": [
"rust",
"control-plane"
],
"content": "eprintln!(\"Cybercore publish plan (dry-run)\");",
"category": "cli"
},
{
"id": "snippet.rust-078",
"kind": "snippet",
"title": "Read a bind environment variable",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for read a bind environment variable.",
"platforms": [
"rust",
"control-plane"
],
"content": "std::env::var(\"CYBERCORE_THEME_STUDIO_BIND\").unwrap_or_else(|_| \"127.0.0.1:8761\".into())",
"category": "cli"
},
{
"id": "snippet.rust-079",
"kind": "snippet",
"title": "Load JSON from stdin",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for load json from stdin.",
"platforms": [
"rust",
"control-plane"
],
"content": "serde_json::from_reader(std::io::stdin())?",
"category": "cli"
},
{
"id": "snippet.rust-080",
"kind": "snippet",
"title": "Write a machine report",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"cli",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for write a machine report.",
"platforms": [
"rust",
"control-plane"
],
"content": "serde_json::to_writer_pretty(std::io::stdout(), &report)?;",
"category": "cli"
},
{
"id": "snippet.rust-081",
"kind": "snippet",
"title": "Test workspace round trips",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test workspace round trips.",
"platforms": [
"rust",
"control-plane"
],
"content": "let raw = serde_json::to_string(&workspace)?; let decoded: ControlPlaneWorkspace = serde_json::from_str(&raw)?; assert_eq!(workspace, decoded);",
"category": "testing"
},
{
"id": "snippet.rust-082",
"kind": "snippet",
"title": "Test invalid resource paths",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test invalid resource paths.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(matches!(resource.validate(), Err(WorkspaceError::InvalidResourcePath(_))));",
"category": "testing"
},
{
"id": "snippet.rust-083",
"kind": "snippet",
"title": "Test a site profile",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test a site profile.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(!site.repository.is_empty());",
"category": "testing"
},
{
"id": "snippet.rust-084",
"kind": "snippet",
"title": "Test API JSON shape",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test api json shape.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(body.get(\"resources\").is_some());",
"category": "testing"
},
{
"id": "snippet.rust-085",
"kind": "snippet",
"title": "Test a validation gate",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test a validation gate.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(report.checks.iter().all(|check| check.passed));",
"category": "testing"
},
{
"id": "snippet.rust-086",
"kind": "snippet",
"title": "Test a theme family",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test a theme family.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(catalog.family(\"cyberdyne\").is_some());",
"category": "testing"
},
{
"id": "snippet.rust-087",
"kind": "snippet",
"title": "Test a publish plan",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test a publish plan.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert_eq!(plan.mode, PublishMode::DryRun);",
"category": "testing"
},
{
"id": "snippet.rust-088",
"kind": "snippet",
"title": "Use a Cybercore fixture",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for use a cybercore fixture.",
"platforms": [
"rust",
"control-plane"
],
"content": "let fixture = include_str!(\"../examples/control-plane-workspace/.cybercore/workspace.json\");",
"category": "testing"
},
{
"id": "snippet.rust-089",
"kind": "snippet",
"title": "Test a missing dependency",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test a missing dependency.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(report.missing_resources.contains(&\"component.unknown\".into()));",
"category": "testing"
},
{
"id": "snippet.rust-090",
"kind": "snippet",
"title": "Test reduced motion support",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"testing",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for test reduced motion support.",
"platforms": [
"rust",
"control-plane"
],
"content": "assert!(effect.css.contains(\"prefers-reduced-motion\"));",
"category": "testing"
},
{
"id": "snippet.rust-091",
"kind": "snippet",
"title": "Generate Web Kit metadata",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for generate web kit metadata.",
"platforms": [
"rust",
"control-plane"
],
"content": "let metadata = json!({\"version\": version, \"runtime\": \"cybercore-web-kit\"});",
"category": "platforms"
},
{
"id": "snippet.rust-092",
"kind": "snippet",
"title": "Select Rust targets",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for select rust targets.",
"platforms": [
"rust",
"control-plane"
],
"content": "let targets = [\"native\", \"wasm32-unknown-unknown\"];",
"category": "platforms"
},
{
"id": "snippet.rust-093",
"kind": "snippet",
"title": "Select Android resources",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for select android resources.",
"platforms": [
"rust",
"control-plane"
],
"content": "let android = resources.filter(|r| r.platforms.contains(&\"android\".into()));",
"category": "platforms"
},
{
"id": "snippet.rust-094",
"kind": "snippet",
"title": "Select terminal resources",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for select terminal resources.",
"platforms": [
"rust",
"control-plane"
],
"content": "let terminal = resources.filter(|r| r.platforms.contains(&\"terminal\".into()));",
"category": "platforms"
},
{
"id": "snippet.rust-095",
"kind": "snippet",
"title": "Build a platform manifest",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for build a platform manifest.",
"platforms": [
"rust",
"control-plane"
],
"content": "let manifest = PlatformManifest { name: \"web\", version: version.into() };",
"category": "platforms"
},
{
"id": "snippet.rust-096",
"kind": "snippet",
"title": "Reject unsupported platforms",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for reject unsupported platforms.",
"platforms": [
"rust",
"control-plane"
],
"content": "if !SUPPORTED.contains(&platform.as_str()) { return Err(Error::UnsupportedPlatform); }",
"category": "platforms"
},
{
"id": "snippet.rust-097",
"kind": "snippet",
"title": "Add a consumer adapter",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for add a consumer adapter.",
"platforms": [
"rust",
"control-plane"
],
"content": "trait CybercoreAdapter { fn apply(&self, resource: &ResourceManifest) -> Result<()>; }",
"category": "platforms"
},
{
"id": "snippet.rust-098",
"kind": "snippet",
"title": "Report adapter status",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for report adapter status.",
"platforms": [
"rust",
"control-plane"
],
"content": "println!(\"adapter=android status=ready version={version}\");",
"category": "platforms"
},
{
"id": "snippet.rust-099",
"kind": "snippet",
"title": "Keep kit versions immutable",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for keep kit versions immutable.",
"platforms": [
"rust",
"control-plane"
],
"content": "let output = root.join(\"kit\").join(version); std::fs::create_dir_all(output)?;",
"category": "platforms"
},
{
"id": "snippet.rust-100",
"kind": "snippet",
"title": "Write consumer instructions",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"platforms",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for write consumer instructions.",
"platforms": [
"rust",
"control-plane"
],
"content": "std::fs::write(output.join(\"CONSUMER.md\"), instructions)?;",
"category": "platforms"
},
{
"id": "snippet.rust-101",
"kind": "snippet",
"title": "Require reviewed provenance",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for require reviewed provenance.",
"platforms": [
"rust",
"control-plane"
],
"content": "if !resource.provenance.reviewed { return Err(Error::Unreviewed(resource.id.clone())); }",
"category": "provenance"
},
{
"id": "snippet.rust-102",
"kind": "snippet",
"title": "Display resource author",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for display resource author.",
"platforms": [
"rust",
"control-plane"
],
"content": "println!(\"{} by {}\", resource.id, resource.provenance.author);",
"category": "provenance"
},
{
"id": "snippet.rust-103",
"kind": "snippet",
"title": "Keep source and license",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for keep source and license.",
"platforms": [
"rust",
"control-plane"
],
"content": "let source = (&p.source, &p.license);",
"category": "provenance"
},
{
"id": "snippet.rust-104",
"kind": "snippet",
"title": "Attach provenance to a plan",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for attach provenance to a plan.",
"platforms": [
"rust",
"control-plane"
],
"content": "plan.provenance.insert(resource.id.clone(), resource.provenance.clone());",
"category": "provenance"
},
{
"id": "snippet.rust-105",
"kind": "snippet",
"title": "Audit catalog origins",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for audit catalog origins.",
"platforms": [
"rust",
"control-plane"
],
"content": "resources.iter().filter(|r| r.provenance.source == \"Cybercore\").count()",
"category": "provenance"
},
{
"id": "snippet.rust-106",
"kind": "snippet",
"title": "Reject unknown source",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for reject unknown source.",
"platforms": [
"rust",
"control-plane"
],
"content": "if provenance.source == \"unknown\" { return Err(Error::MissingProvenance); }",
"category": "provenance"
},
{
"id": "snippet.rust-107",
"kind": "snippet",
"title": "Serialize provenance",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for serialize provenance.",
"platforms": [
"rust",
"control-plane"
],
"content": "serde_json::to_value(&resource.provenance)?",
"category": "provenance"
},
{
"id": "snippet.rust-108",
"kind": "snippet",
"title": "Compare provenance changes",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for compare provenance changes.",
"platforms": [
"rust",
"control-plane"
],
"content": "if before.provenance != after.provenance { audit.log(\"provenance changed\"); }",
"category": "provenance"
},
{
"id": "snippet.rust-109",
"kind": "snippet",
"title": "Mark a review timestamp",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for mark a review timestamp.",
"platforms": [
"rust",
"control-plane"
],
"content": "let reviewed_at = chrono::Utc::now().to_rfc3339();",
"category": "provenance"
},
{
"id": "snippet.rust-110",
"kind": "snippet",
"title": "Create an audit event",
"version": "1.0.0",
"status": "approved",
"language": "rust",
"tags": [
"rust",
"cybercore",
"provenance",
"snippet-vault"
],
"license": "MIT",
"source": "Cybercore Rust Snippet Vault",
"description": "Cybercore pattern for create an audit event.",
"platforms": [
"rust",
"control-plane"
],
"content": "events.push(AuditEvent::Reviewed { id: resource.id.clone(), reviewer });",
"category": "provenance"
},
{
"id": "effect.crt-vignette",
"kind": "effect",
"title": "CRT vignette",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"crt",
"vignette",
"retro",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-crt-vignette { position: relative; isolation: isolate; }\n.cc-effect-crt-vignette::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-crt-vignette::after { animation: none; opacity: .12; } }",
"description": "Governed crt vignette recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "texture",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.phosphor-glow",
"kind": "effect",
"title": "Phosphor glow",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"crt",
"glow",
"text",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-phosphor-glow { position: relative; isolation: isolate; }\n.cc-effect-phosphor-glow::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-phosphor-glow::after { animation: none; opacity: .12; } }",
"description": "Governed phosphor glow recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glow",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.rgb-split",
"kind": "effect",
"title": "RGB split",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"chromatic",
"glitch",
"transform",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-rgb-split { position: relative; isolation: isolate; }\n.cc-effect-rgb-split::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-rgb-split::after { animation: none; opacity: .12; } }",
"description": "Governed rgb split recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glitch",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.static-flicker",
"kind": "effect",
"title": "Static flicker",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"noise",
"flicker",
"crt",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-static-flicker { position: relative; isolation: isolate; }\n.cc-effect-static-flicker::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-static-flicker::after { animation: none; opacity: .12; } }",
"description": "Governed static flicker recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "texture",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.scanline-mask",
"kind": "effect",
"title": "Scanline mask",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"mask",
"crt",
"overlay",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scanline-mask { position: relative; isolation: isolate; }\n.cc-effect-scanline-mask::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scanline-mask::after { animation: none; opacity: .12; } }",
"description": "Governed scanline mask recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scanlines",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.grid-floor",
"kind": "effect",
"title": "Grid floor",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"perspective",
"grid",
"surface",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-grid-floor { position: relative; isolation: isolate; }\n.cc-effect-grid-floor::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-grid-floor::after { animation: none; opacity: .12; } }",
"description": "Governed grid floor recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "grids",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.grid-pulse",
"kind": "effect",
"title": "Grid pulse",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"grid",
"pulse",
"neon",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-grid-pulse { position: relative; isolation: isolate; }\n.cc-effect-grid-pulse::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-grid-pulse::after { animation: none; opacity: .12; } }",
"description": "Governed grid pulse recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "grids",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.grid-drift",
"kind": "effect",
"title": "Grid drift",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"grid",
"drift",
"motion",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-grid-drift { position: relative; isolation: isolate; }\n.cc-effect-grid-drift::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-grid-drift::after { animation: none; opacity: .12; } }",
"description": "Governed grid drift recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "grids",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hex-grid",
"kind": "effect",
"title": "Hex grid",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"hex",
"grid",
"hud",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hex-grid { position: relative; isolation: isolate; }\n.cc-effect-hex-grid::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hex-grid::after { animation: none; opacity: .12; } }",
"description": "Governed hex grid recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "grids",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.dot-matrix",
"kind": "effect",
"title": "Dot matrix",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"dots",
"matrix",
"hud",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-dot-matrix { position: relative; isolation: isolate; }\n.cc-effect-dot-matrix::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-dot-matrix::after { animation: none; opacity: .12; } }",
"description": "Governed dot matrix recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "grids",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.radar-sweep",
"kind": "effect",
"title": "Radar sweep",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"radar",
"sweep",
"scan",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-radar-sweep { position: relative; isolation: isolate; }\n.cc-effect-radar-sweep::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-radar-sweep::after { animation: none; opacity: .12; } }",
"description": "Governed radar sweep recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "hud",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hud-reticle",
"kind": "effect",
"title": "HUD reticle",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"reticle",
"target",
"overlay",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hud-reticle { position: relative; isolation: isolate; }\n.cc-effect-hud-reticle::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hud-reticle::after { animation: none; opacity: .12; } }",
"description": "Governed hud reticle recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "hud",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hud-crosshair",
"kind": "effect",
"title": "HUD crosshair",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"crosshair",
"target",
"focus",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hud-crosshair { position: relative; isolation: isolate; }\n.cc-effect-hud-crosshair::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hud-crosshair::after { animation: none; opacity: .12; } }",
"description": "Governed hud crosshair recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "hud",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hud-brackets",
"kind": "effect",
"title": "HUD brackets",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"brackets",
"frame",
"overlay",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hud-brackets { position: relative; isolation: isolate; }\n.cc-effect-hud-brackets::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hud-brackets::after { animation: none; opacity: .12; } }",
"description": "Governed hud brackets recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "hud",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hud-corners",
"kind": "effect",
"title": "HUD corners",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"corners",
"frame",
"overlay",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hud-corners { position: relative; isolation: isolate; }\n.cc-effect-hud-corners::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hud-corners::after { animation: none; opacity: .12; } }",
"description": "Governed hud corners recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "hud",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hud-status-light",
"kind": "effect",
"title": "HUD status light",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"status",
"indicator",
"pulse",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hud-status-light { position: relative; isolation: isolate; }\n.cc-effect-hud-status-light::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hud-status-light::after { animation: none; opacity: .12; } }",
"description": "Governed hud status light recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "hud",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.data-stream",
"kind": "effect",
"title": "Data stream",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"data",
"stream",
"text",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-data-stream { position: relative; isolation: isolate; }\n.cc-effect-data-stream::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-data-stream::after { animation: none; opacity: .12; } }",
"description": "Governed data stream recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "data",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.data-bars",
"kind": "effect",
"title": "Data bars",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"bars",
"metrics",
"dashboard",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-data-bars { position: relative; isolation: isolate; }\n.cc-effect-data-bars::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-data-bars::after { animation: none; opacity: .12; } }",
"description": "Governed data bars recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "data",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.data-wave",
"kind": "effect",
"title": "Data wave",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"wave",
"graph",
"dashboard",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-data-wave { position: relative; isolation: isolate; }\n.cc-effect-data-wave::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-data-wave::after { animation: none; opacity: .12; } }",
"description": "Governed data wave recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "data",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.data-sparkline",
"kind": "effect",
"title": "Data sparkline",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"sparkline",
"graph",
"svg",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-data-sparkline { position: relative; isolation: isolate; }\n.cc-effect-data-sparkline::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-data-sparkline::after { animation: none; opacity: .12; } }",
"description": "Governed data sparkline recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "data",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.terminal-caret",
"kind": "effect",
"title": "Terminal caret",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"terminal",
"caret",
"typing",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-terminal-caret { position: relative; isolation: isolate; }\n.cc-effect-terminal-caret::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-terminal-caret::after { animation: none; opacity: .12; } }",
"description": "Governed terminal caret recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "text",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.text-glitch",
"kind": "effect",
"title": "Text glitch",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"text",
"glitch",
"chromatic",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-text-glitch { position: relative; isolation: isolate; }\n.cc-effect-text-glitch::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-text-glitch::after { animation: none; opacity: .12; } }",
"description": "Governed text glitch recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "text",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.text-scramble",
"kind": "effect",
"title": "Text scramble",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"text",
"scramble",
"reveal",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-text-scramble { position: relative; isolation: isolate; }\n.cc-effect-text-scramble::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-text-scramble::after { animation: none; opacity: .12; } }",
"description": "Governed text scramble recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "text",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.text-gradient-shift",
"kind": "effect",
"title": "Gradient text shift",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"gradient",
"text",
"motion",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-text-gradient-shift { position: relative; isolation: isolate; }\n.cc-effect-text-gradient-shift::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-text-gradient-shift::after { animation: none; opacity: .12; } }",
"description": "Governed gradient text shift recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "text",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.text-outline-pulse",
"kind": "effect",
"title": "Outline pulse",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"outline",
"pulse",
"text",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-text-outline-pulse { position: relative; isolation: isolate; }\n.cc-effect-text-outline-pulse::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-text-outline-pulse::after { animation: none; opacity: .12; } }",
"description": "Governed outline pulse recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "text",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.text-shadow-stack",
"kind": "effect",
"title": "Shadow stack",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"shadow",
"depth",
"text",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-text-shadow-stack { position: relative; isolation: isolate; }\n.cc-effect-text-shadow-stack::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-text-shadow-stack::after { animation: none; opacity: .12; } }",
"description": "Governed shadow stack recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "text",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.neon-border",
"kind": "effect",
"title": "Neon border",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"border",
"glow",
"neon",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-neon-border { position: relative; isolation: isolate; }\n.cc-effect-neon-border::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-neon-border::after { animation: none; opacity: .12; } }",
"description": "Governed neon border recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "borders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.border-chase",
"kind": "effect",
"title": "Border chase",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"border",
"chase",
"motion",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-border-chase { position: relative; isolation: isolate; }\n.cc-effect-border-chase::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-border-chase::after { animation: none; opacity: .12; } }",
"description": "Governed border chase recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "borders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.border-dash",
"kind": "effect",
"title": "Dashed border",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"border",
"dash",
"frame",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-border-dash { position: relative; isolation: isolate; }\n.cc-effect-border-dash::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-border-dash::after { animation: none; opacity: .12; } }",
"description": "Governed dashed border recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "borders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.border-circuit",
"kind": "effect",
"title": "Circuit border",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"border",
"circuit",
"tech",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-border-circuit { position: relative; isolation: isolate; }\n.cc-effect-border-circuit::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-border-circuit::after { animation: none; opacity: .12; } }",
"description": "Governed circuit border recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "borders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.border-corner-light",
"kind": "effect",
"title": "Corner light",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"border",
"corner",
"glow",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-border-corner-light { position: relative; isolation: isolate; }\n.cc-effect-border-corner-light::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-border-corner-light::after { animation: none; opacity: .12; } }",
"description": "Governed corner light recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "borders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.glow-bloom",
"kind": "effect",
"title": "Glow bloom",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"bloom",
"blur",
"neon",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glow-bloom { position: relative; isolation: isolate; }\n.cc-effect-glow-bloom::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glow-bloom::after { animation: none; opacity: .12; } }",
"description": "Governed glow bloom recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glow",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.glow-breathe",
"kind": "effect",
"title": "Glow breathe",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glow",
"breathe",
"pulse",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glow-breathe { position: relative; isolation: isolate; }\n.cc-effect-glow-breathe::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glow-breathe::after { animation: none; opacity: .12; } }",
"description": "Governed glow breathe recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glow",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.glow-orbit",
"kind": "effect",
"title": "Glow orbit",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glow",
"orbit",
"motion",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glow-orbit { position: relative; isolation: isolate; }\n.cc-effect-glow-orbit::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glow-orbit::after { animation: none; opacity: .12; } }",
"description": "Governed glow orbit recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glow",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.glow-trail",
"kind": "effect",
"title": "Glow trail",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glow",
"trail",
"motion",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glow-trail { position: relative; isolation: isolate; }\n.cc-effect-glow-trail::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glow-trail::after { animation: none; opacity: .12; } }",
"description": "Governed glow trail recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glow",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.glow-underlight",
"kind": "effect",
"title": "Underlight",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glow",
"shadow",
"surface",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glow-underlight { position: relative; isolation: isolate; }\n.cc-effect-glow-underlight::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glow-underlight::after { animation: none; opacity: .12; } }",
"description": "Governed underlight recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glow",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.particle-dots",
"kind": "effect",
"title": "Particle dots",
"version": "1.0.0",
"status": "review",
"recipe": "particles",
"tags": [
"particles",
"dots",
"canvas",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-particle-dots { position: relative; isolation: isolate; }\n.cc-effect-particle-dots::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-particle-dots::after { animation: none; opacity: .12; } }",
"description": "Governed particle dots recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "particles",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.particle-field",
"kind": "effect",
"title": "Particle field",
"version": "1.0.0",
"status": "review",
"recipe": "particles",
"tags": [
"particles",
"field",
"canvas",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-particle-field { position: relative; isolation: isolate; }\n.cc-effect-particle-field::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-particle-field::after { animation: none; opacity: .12; } }",
"description": "Governed particle field recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "particles",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.particle-orbit",
"kind": "effect",
"title": "Particle orbit",
"version": "1.0.0",
"status": "review",
"recipe": "particles",
"tags": [
"particles",
"orbit",
"canvas",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-particle-orbit { position: relative; isolation: isolate; }\n.cc-effect-particle-orbit::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-particle-orbit::after { animation: none; opacity: .12; } }",
"description": "Governed particle orbit recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "particles",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.particle-burst",
"kind": "effect",
"title": "Particle burst",
"version": "1.0.0",
"status": "review",
"recipe": "particles",
"tags": [
"particles",
"burst",
"interaction",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-particle-burst { position: relative; isolation: isolate; }\n.cc-effect-particle-burst::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-particle-burst::after { animation: none; opacity: .12; } }",
"description": "Governed particle burst recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "particles",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.particle-constellation",
"kind": "effect",
"title": "Constellation",
"version": "1.0.0",
"status": "review",
"recipe": "particles",
"tags": [
"particles",
"nodes",
"canvas",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-particle-constellation { position: relative; isolation: isolate; }\n.cc-effect-particle-constellation::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-particle-constellation::after { animation: none; opacity: .12; } }",
"description": "Governed constellation recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "particles",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.noise-overlay",
"kind": "effect",
"title": "Noise overlay",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"noise",
"texture",
"overlay",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-noise-overlay { position: relative; isolation: isolate; }\n.cc-effect-noise-overlay::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-noise-overlay::after { animation: none; opacity: .12; } }",
"description": "Governed noise overlay recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "texture",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.grain-film",
"kind": "effect",
"title": "Film grain",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"grain",
"film",
"texture",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-grain-film { position: relative; isolation: isolate; }\n.cc-effect-grain-film::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-grain-film::after { animation: none; opacity: .12; } }",
"description": "Governed film grain recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "texture",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.dither-shade",
"kind": "effect",
"title": "Dither shade",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"dither",
"texture",
"retro",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-dither-shade { position: relative; isolation: isolate; }\n.cc-effect-dither-shade::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-dither-shade::after { animation: none; opacity: .12; } }",
"description": "Governed dither shade recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "texture",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.paper-scan",
"kind": "effect",
"title": "Paper scan",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scan",
"texture",
"surface",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-paper-scan { position: relative; isolation: isolate; }\n.cc-effect-paper-scan::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-paper-scan::after { animation: none; opacity: .12; } }",
"description": "Governed paper scan recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "texture",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.halftone",
"kind": "effect",
"title": "Halftone",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"halftone",
"dots",
"texture",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-halftone { position: relative; isolation: isolate; }\n.cc-effect-halftone::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-halftone::after { animation: none; opacity: .12; } }",
"description": "Governed halftone recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "texture",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.glitch-slice",
"kind": "effect",
"title": "Glitch slice",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glitch",
"slice",
"transform",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glitch-slice { position: relative; isolation: isolate; }\n.cc-effect-glitch-slice::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glitch-slice::after { animation: none; opacity: .12; } }",
"description": "Governed glitch slice recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glitch",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.glitch-jitter",
"kind": "effect",
"title": "Glitch jitter",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glitch",
"jitter",
"motion",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glitch-jitter { position: relative; isolation: isolate; }\n.cc-effect-glitch-jitter::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glitch-jitter::after { animation: none; opacity: .12; } }",
"description": "Governed glitch jitter recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glitch",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.glitch-blocks",
"kind": "effect",
"title": "Glitch blocks",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glitch",
"blocks",
"layout",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glitch-blocks { position: relative; isolation: isolate; }\n.cc-effect-glitch-blocks::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glitch-blocks::after { animation: none; opacity: .12; } }",
"description": "Governed glitch blocks recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glitch",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.glitch-wave",
"kind": "effect",
"title": "Glitch wave",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glitch",
"wave",
"distortion",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glitch-wave { position: relative; isolation: isolate; }\n.cc-effect-glitch-wave::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glitch-wave::after { animation: none; opacity: .12; } }",
"description": "Governed glitch wave recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glitch",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.glitch-scan",
"kind": "effect",
"title": "Glitch scan",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"glitch",
"scanline",
"overlay",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-glitch-scan { position: relative; isolation: isolate; }\n.cc-effect-glitch-scan::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-glitch-scan::after { animation: none; opacity: .12; } }",
"description": "Governed glitch scan recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "glitch",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.hover-lift",
"kind": "effect",
"title": "Hover lift",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"hover",
"lift",
"transform",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hover-lift { position: relative; isolation: isolate; }\n.cc-effect-hover-lift::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hover-lift::after { animation: none; opacity: .12; } }",
"description": "Governed hover lift recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hover-tilt",
"kind": "effect",
"title": "Hover tilt",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"hover",
"tilt",
"perspective",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hover-tilt { position: relative; isolation: isolate; }\n.cc-effect-hover-tilt::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hover-tilt::after { animation: none; opacity: .12; } }",
"description": "Governed hover tilt recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hover-scan",
"kind": "effect",
"title": "Hover scan",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"hover",
"scanline",
"focus",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hover-scan { position: relative; isolation: isolate; }\n.cc-effect-hover-scan::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hover-scan::after { animation: none; opacity: .12; } }",
"description": "Governed hover scan recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hover-trace",
"kind": "effect",
"title": "Hover trace",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"hover",
"border",
"trace",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hover-trace { position: relative; isolation: isolate; }\n.cc-effect-hover-trace::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hover-trace::after { animation: none; opacity: .12; } }",
"description": "Governed hover trace recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.hover-invert",
"kind": "effect",
"title": "Hover invert",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"hover",
"invert",
"contrast",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-hover-invert { position: relative; isolation: isolate; }\n.cc-effect-hover-invert::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-hover-invert::after { animation: none; opacity: .12; } }",
"description": "Governed hover invert recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.focus-ring",
"kind": "effect",
"title": "Focus ring",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"focus",
"accessibility",
"ring",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-focus-ring { position: relative; isolation: isolate; }\n.cc-effect-focus-ring::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-focus-ring::after { animation: none; opacity: .12; } }",
"description": "Governed focus ring recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.focus-sweep",
"kind": "effect",
"title": "Focus sweep",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"focus",
"sweep",
"keyboard",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-focus-sweep { position: relative; isolation: isolate; }\n.cc-effect-focus-sweep::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-focus-sweep::after { animation: none; opacity: .12; } }",
"description": "Governed focus sweep recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.press-depth",
"kind": "effect",
"title": "Press depth",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"press",
"button",
"transform",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-press-depth { position: relative; isolation: isolate; }\n.cc-effect-press-depth::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-press-depth::after { animation: none; opacity: .12; } }",
"description": "Governed press depth recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.magnetic-pull",
"kind": "effect",
"title": "Magnetic pull",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"pointer",
"magnetic",
"transform",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-magnetic-pull { position: relative; isolation: isolate; }\n.cc-effect-magnetic-pull::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-magnetic-pull::after { animation: none; opacity: .12; } }",
"description": "Governed magnetic pull recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.cursor-crosshair",
"kind": "effect",
"title": "Cursor crosshair",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"cursor",
"crosshair",
"pointer",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-cursor-crosshair { position: relative; isolation: isolate; }\n.cc-effect-cursor-crosshair::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-cursor-crosshair::after { animation: none; opacity: .12; } }",
"description": "Governed cursor crosshair recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "interaction",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.reveal-wipe",
"kind": "effect",
"title": "Reveal wipe",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"reveal",
"wipe",
"clip-path",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-reveal-wipe { position: relative; isolation: isolate; }\n.cc-effect-reveal-wipe::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-reveal-wipe::after { animation: none; opacity: .12; } }",
"description": "Governed reveal wipe recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.reveal-scan",
"kind": "effect",
"title": "Reveal scan",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"reveal",
"scan",
"clip-path",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-reveal-scan { position: relative; isolation: isolate; }\n.cc-effect-reveal-scan::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-reveal-scan::after { animation: none; opacity: .12; } }",
"description": "Governed reveal scan recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.fade-up",
"kind": "effect",
"title": "Fade up",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"fade",
"enter",
"transform",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-fade-up { position: relative; isolation: isolate; }\n.cc-effect-fade-up::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-fade-up::after { animation: none; opacity: .12; } }",
"description": "Governed fade up recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.fade-glow",
"kind": "effect",
"title": "Fade glow",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"fade",
"glow",
"enter",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-fade-glow { position: relative; isolation: isolate; }\n.cc-effect-fade-glow::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-fade-glow::after { animation: none; opacity: .12; } }",
"description": "Governed fade glow recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.slide-circuit",
"kind": "effect",
"title": "Slide circuit",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"slide",
"circuit",
"enter",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-slide-circuit { position: relative; isolation: isolate; }\n.cc-effect-slide-circuit::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-slide-circuit::after { animation: none; opacity: .12; } }",
"description": "Governed slide circuit recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scale-lock",
"kind": "effect",
"title": "Scale lock",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scale",
"enter",
"surface",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scale-lock { position: relative; isolation: isolate; }\n.cc-effect-scale-lock::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scale-lock::after { animation: none; opacity: .12; } }",
"description": "Governed scale lock recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.morph-frame",
"kind": "effect",
"title": "Morph frame",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"morph",
"frame",
"border",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-morph-frame { position: relative; isolation: isolate; }\n.cc-effect-morph-frame::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-morph-frame::after { animation: none; opacity: .12; } }",
"description": "Governed morph frame recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.blur-decode",
"kind": "effect",
"title": "Blur decode",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"blur",
"decode",
"text",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-blur-decode { position: relative; isolation: isolate; }\n.cc-effect-blur-decode::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-blur-decode::after { animation: none; opacity: .12; } }",
"description": "Governed blur decode recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.wipe-accent",
"kind": "effect",
"title": "Accent wipe",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"wipe",
"accent",
"surface",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-wipe-accent { position: relative; isolation: isolate; }\n.cc-effect-wipe-accent::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-wipe-accent::after { animation: none; opacity: .12; } }",
"description": "Governed accent wipe recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "transitions",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.loader-ring",
"kind": "effect",
"title": "Loader ring",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"loader",
"ring",
"progress",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-loader-ring { position: relative; isolation: isolate; }\n.cc-effect-loader-ring::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-loader-ring::after { animation: none; opacity: .12; } }",
"description": "Governed loader ring recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.loader-segments",
"kind": "effect",
"title": "Segment loader",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"loader",
"segments",
"progress",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-loader-segments { position: relative; isolation: isolate; }\n.cc-effect-loader-segments::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-loader-segments::after { animation: none; opacity: .12; } }",
"description": "Governed segment loader recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.loader-pulse",
"kind": "effect",
"title": "Pulse loader",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"loader",
"pulse",
"status",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-loader-pulse { position: relative; isolation: isolate; }\n.cc-effect-loader-pulse::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-loader-pulse::after { animation: none; opacity: .12; } }",
"description": "Governed pulse loader recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.loader-dots",
"kind": "effect",
"title": "Dot loader",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"loader",
"dots",
"status",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-loader-dots { position: relative; isolation: isolate; }\n.cc-effect-loader-dots::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-loader-dots::after { animation: none; opacity: .12; } }",
"description": "Governed dot loader recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.loader-bar",
"kind": "effect",
"title": "Signal loader",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"loader",
"bar",
"progress",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-loader-bar { position: relative; isolation: isolate; }\n.cc-effect-loader-bar::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-loader-bar::after { animation: none; opacity: .12; } }",
"description": "Governed signal loader recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.progress-scan",
"kind": "effect",
"title": "Progress scan",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"progress",
"scan",
"bar",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-progress-scan { position: relative; isolation: isolate; }\n.cc-effect-progress-scan::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-progress-scan::after { animation: none; opacity: .12; } }",
"description": "Governed progress scan recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.skeleton-cyber",
"kind": "effect",
"title": "Cyber skeleton",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"skeleton",
"loading",
"surface",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-skeleton-cyber { position: relative; isolation: isolate; }\n.cc-effect-skeleton-cyber::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-skeleton-cyber::after { animation: none; opacity: .12; } }",
"description": "Governed cyber skeleton recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.status-ping",
"kind": "effect",
"title": "Status ping",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"status",
"ping",
"indicator",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-status-ping { position: relative; isolation: isolate; }\n.cc-effect-status-ping::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-status-ping::after { animation: none; opacity: .12; } }",
"description": "Governed status ping recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.status-flare",
"kind": "effect",
"title": "Status flare",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"status",
"flare",
"indicator",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-status-flare { position: relative; isolation: isolate; }\n.cc-effect-status-flare::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-status-flare::after { animation: none; opacity: .12; } }",
"description": "Governed status flare recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.spinner-radar",
"kind": "effect",
"title": "Radar spinner",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"spinner",
"radar",
"hud",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-spinner-radar { position: relative; isolation: isolate; }\n.cc-effect-spinner-radar::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-spinner-radar::after { animation: none; opacity: .12; } }",
"description": "Governed radar spinner recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "loaders",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-marquee",
"kind": "effect",
"title": "Scroll marquee",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"marquee",
"text",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-marquee { position: relative; isolation: isolate; }\n.cc-effect-scroll-marquee::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-marquee::after { animation: none; opacity: .12; } }",
"description": "Governed scroll marquee recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-snapline",
"kind": "effect",
"title": "Scroll snapline",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"snap",
"line",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-snapline { position: relative; isolation: isolate; }\n.cc-effect-scroll-snapline::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-snapline::after { animation: none; opacity: .12; } }",
"description": "Governed scroll snapline recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-progress",
"kind": "effect",
"title": "Scroll progress",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"progress",
"indicator",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-progress { position: relative; isolation: isolate; }\n.cc-effect-scroll-progress::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-progress::after { animation: none; opacity: .12; } }",
"description": "Governed scroll progress recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-parallax",
"kind": "effect",
"title": "Scroll parallax",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"parallax",
"transform",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-parallax { position: relative; isolation: isolate; }\n.cc-effect-scroll-parallax::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-parallax::after { animation: none; opacity: .12; } }",
"description": "Governed scroll parallax recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-reveal",
"kind": "effect",
"title": "Scroll reveal",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"reveal",
"intersection",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-reveal { position: relative; isolation: isolate; }\n.cc-effect-scroll-reveal::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-reveal::after { animation: none; opacity: .12; } }",
"description": "Governed scroll reveal recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-glow",
"kind": "effect",
"title": "Scroll glow",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"glow",
"surface",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-glow { position: relative; isolation: isolate; }\n.cc-effect-scroll-glow::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-glow::after { animation: none; opacity: .12; } }",
"description": "Governed scroll glow recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-ticker",
"kind": "effect",
"title": "Data ticker",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"ticker",
"data",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-ticker { position: relative; isolation: isolate; }\n.cc-effect-scroll-ticker::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-ticker::after { animation: none; opacity: .12; } }",
"description": "Governed data ticker recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-radar",
"kind": "effect",
"title": "Scroll radar",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"radar",
"hud",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-radar { position: relative; isolation: isolate; }\n.cc-effect-scroll-radar::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-radar::after { animation: none; opacity: .12; } }",
"description": "Governed scroll radar recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-underline",
"kind": "effect",
"title": "Scroll underline",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"underline",
"link",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-underline { position: relative; isolation: isolate; }\n.cc-effect-scroll-underline::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-underline::after { animation: none; opacity: .12; } }",
"description": "Governed scroll underline recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.scroll-trace",
"kind": "effect",
"title": "Scroll trace",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"scroll",
"trace",
"border",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-scroll-trace { position: relative; isolation: isolate; }\n.cc-effect-scroll-trace::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-scroll-trace::after { animation: none; opacity: .12; } }",
"description": "Governed scroll trace recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "scrolling",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "medium",
"mobile_fallback": "static"
},
{
"id": "effect.svg-draw",
"kind": "effect",
"title": "SVG draw",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"svg",
"draw",
"stroke",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-svg-draw { position: relative; isolation: isolate; }\n.cc-effect-svg-draw::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-svg-draw::after { animation: none; opacity: .12; } }",
"description": "Governed svg draw recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "svg",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.svg-neon-path",
"kind": "effect",
"title": "SVG neon path",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"svg",
"neon",
"path",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-svg-neon-path { position: relative; isolation: isolate; }\n.cc-effect-svg-neon-path::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-svg-neon-path::after { animation: none; opacity: .12; } }",
"description": "Governed svg neon path recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "svg",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.svg-noise",
"kind": "effect",
"title": "SVG noise",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"svg",
"noise",
"filter",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-svg-noise { position: relative; isolation: isolate; }\n.cc-effect-svg-noise::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-svg-noise::after { animation: none; opacity: .12; } }",
"description": "Governed svg noise recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "svg",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.svg-grid",
"kind": "effect",
"title": "SVG grid",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"svg",
"grid",
"pattern",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-svg-grid { position: relative; isolation: isolate; }\n.cc-effect-svg-grid::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-svg-grid::after { animation: none; opacity: .12; } }",
"description": "Governed svg grid recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "svg",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.svg-pulse",
"kind": "effect",
"title": "SVG pulse",
"version": "1.0.0",
"status": "review",
"recipe": "css",
"tags": [
"svg",
"pulse",
"stroke",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-svg-pulse { position: relative; isolation: isolate; }\n.cc-effect-svg-pulse::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-svg-pulse::after { animation: none; opacity: .12; } }",
"description": "Governed svg pulse recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "svg",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "low",
"mobile_fallback": "static"
},
{
"id": "effect.canvas-stars",
"kind": "effect",
"title": "Canvas stars",
"version": "1.0.0",
"status": "review",
"recipe": "canvas",
"tags": [
"canvas",
"stars",
"particles",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-canvas-stars { position: relative; isolation: isolate; }\n.cc-effect-canvas-stars::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-canvas-stars::after { animation: none; opacity: .12; } }",
"description": "Governed canvas stars recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "canvas",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.canvas-rain",
"kind": "effect",
"title": "Canvas rain",
"version": "1.0.0",
"status": "review",
"recipe": "canvas",
"tags": [
"canvas",
"rain",
"particles",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-canvas-rain { position: relative; isolation: isolate; }\n.cc-effect-canvas-rain::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-canvas-rain::after { animation: none; opacity: .12; } }",
"description": "Governed canvas rain recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "canvas",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.canvas-constellation",
"kind": "effect",
"title": "Canvas constellation",
"version": "1.0.0",
"status": "review",
"recipe": "canvas",
"tags": [
"canvas",
"nodes",
"particles",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-canvas-constellation { position: relative; isolation: isolate; }\n.cc-effect-canvas-constellation::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-canvas-constellation::after { animation: none; opacity: .12; } }",
"description": "Governed canvas constellation recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "canvas",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.webgl-shader-glow",
"kind": "effect",
"title": "WebGL shader glow",
"version": "1.0.0",
"status": "review",
"recipe": "webgl",
"tags": [
"webgl",
"shader",
"glow",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-webgl-shader-glow { position: relative; isolation: isolate; }\n.cc-effect-webgl-shader-glow::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-webgl-shader-glow::after { animation: none; opacity: .12; } }",
"description": "Governed webgl shader glow recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "webgl",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.webgl-feedback",
"kind": "effect",
"title": "WebGL feedback",
"version": "1.0.0",
"status": "review",
"recipe": "webgl",
"tags": [
"webgl",
"feedback",
"simulation",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-webgl-feedback { position: relative; isolation: isolate; }\n.cc-effect-webgl-feedback::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-webgl-feedback::after { animation: none; opacity: .12; } }",
"description": "Governed webgl feedback recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "webgl",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "effect.webgl-tunnel",
"kind": "effect",
"title": "WebGL tunnel",
"version": "1.0.0",
"status": "review",
"recipe": "webgl",
"tags": [
"webgl",
"tunnel",
"perspective",
"effect",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": ".cc-effect-webgl-tunnel { position: relative; isolation: isolate; }\n.cc-effect-webgl-tunnel::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; opacity: .35; background: linear-gradient(110deg, transparent, color-mix(in srgb, var(--cc-accent) 24%, transparent), transparent); transform: translateZ(0); }\n@media (prefers-reduced-motion: reduce) { .cc-effect-webgl-tunnel::after { animation: none; opacity: .12; } }",
"description": "Governed webgl tunnel recipe with a static fallback and reduced-motion behavior.",
"platforms": [
"web",
"theme-studio"
],
"category": "webgl",
"fallback": "static-content",
"reduced_motion": "disable-animation-and-retain-readable-content",
"performance_risk": "high",
"mobile_fallback": "disable"
},
{
"id": "component.command-rail",
"kind": "component",
"title": "Command rail",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"navigation",
"command",
"apps",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore command rail for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-command-rail\" data-cybercore-component=\"command-rail\">\n <header class=\"cc-command-rail__header\">Command rail</header>\n <div class=\"cc-command-rail__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-command-rail { container-type: inline-size; }",
"category": "navigation",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.plane-switcher",
"kind": "component",
"title": "Control-plane switcher",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"navigation",
"planes",
"control-plane",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore control-plane switcher for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-plane-switcher\" data-cybercore-component=\"plane-switcher\">\n <header class=\"cc-plane-switcher__header\">Control-plane switcher</header>\n <div class=\"cc-plane-switcher__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-plane-switcher { container-type: inline-size; }",
"category": "navigation",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.theme-family-menu",
"kind": "component",
"title": "Theme family menu",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"themes",
"menu",
"chooser",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore theme family menu for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-theme-family-menu\" data-cybercore-component=\"theme-family-menu\">\n <header class=\"cc-theme-family-menu__header\">Theme family menu</header>\n <div class=\"cc-theme-family-menu__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-theme-family-menu { container-type: inline-size; }",
"category": "navigation",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.breadcrumb-trail",
"kind": "component",
"title": "System breadcrumb trail",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"navigation",
"breadcrumb",
"context",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore system breadcrumb trail for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-breadcrumb-trail\" data-cybercore-component=\"breadcrumb-trail\">\n <header class=\"cc-breadcrumb-trail__header\">System breadcrumb trail</header>\n <div class=\"cc-breadcrumb-trail__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-breadcrumb-trail { container-type: inline-size; }",
"category": "navigation",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.workspace-tabs",
"kind": "component",
"title": "Workspace tabs",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"tabs",
"workspace",
"keyboard",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore workspace tabs for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-workspace-tabs\" data-cybercore-component=\"workspace-tabs\">\n <header class=\"cc-workspace-tabs__header\">Workspace tabs</header>\n <div class=\"cc-workspace-tabs__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-workspace-tabs { container-type: inline-size; }",
"category": "navigation",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.metric-tile",
"kind": "component",
"title": "System metric tile",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"dashboard",
"metrics",
"status",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore system metric tile for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-metric-tile\" data-cybercore-component=\"metric-tile\">\n <header class=\"cc-metric-tile__header\">System metric tile</header>\n <div class=\"cc-metric-tile__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-metric-tile { container-type: inline-size; }",
"category": "dashboard",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.health-overview",
"kind": "component",
"title": "Service health overview",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"dashboard",
"health",
"services",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore service health overview for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-health-overview\" data-cybercore-component=\"health-overview\">\n <header class=\"cc-health-overview__header\">Service health overview</header>\n <div class=\"cc-health-overview__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-health-overview { container-type: inline-size; }",
"category": "dashboard",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.activity-feed",
"kind": "component",
"title": "Recent activity feed",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"dashboard",
"activity",
"events",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore recent activity feed for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-activity-feed\" data-cybercore-component=\"activity-feed\">\n <header class=\"cc-activity-feed__header\">Recent activity feed</header>\n <div class=\"cc-activity-feed__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-activity-feed { container-type: inline-size; }",
"category": "dashboard",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.quota-meter",
"kind": "component",
"title": "Quota meter",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"quota",
"meter",
"usage",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore quota meter for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-quota-meter\" data-cybercore-component=\"quota-meter\">\n <header class=\"cc-quota-meter__header\">Quota meter</header>\n <div class=\"cc-quota-meter__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-quota-meter { container-type: inline-size; }",
"category": "dashboard",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.capacity-gauge",
"kind": "component",
"title": "Capacity gauge",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"capacity",
"gauge",
"resources",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore capacity gauge for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-capacity-gauge\" data-cybercore-component=\"capacity-gauge\">\n <header class=\"cc-capacity-gauge__header\">Capacity gauge</header>\n <div class=\"cc-capacity-gauge__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-capacity-gauge { container-type: inline-size; }",
"category": "dashboard",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.status-chip",
"kind": "component",
"title": "Semantic status chip",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"status",
"badge",
"semantic",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore semantic status chip for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-status-chip\" data-cybercore-component=\"status-chip\">\n <header class=\"cc-status-chip__header\">Semantic status chip</header>\n <div class=\"cc-status-chip__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-status-chip { container-type: inline-size; }",
"category": "status",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.online-indicator",
"kind": "component",
"title": "Online indicator",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"status",
"online",
"pulse",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore online indicator for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-online-indicator\" data-cybercore-component=\"online-indicator\">\n <header class=\"cc-online-indicator__header\">Online indicator</header>\n <div class=\"cc-online-indicator__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-online-indicator { container-type: inline-size; }",
"category": "status",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.severity-banner",
"kind": "component",
"title": "Severity banner",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"status",
"alert",
"severity",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore severity banner for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-severity-banner\" data-cybercore-component=\"severity-banner\">\n <header class=\"cc-severity-banner__header\">Severity banner</header>\n <div class=\"cc-severity-banner__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-severity-banner { container-type: inline-size; }",
"category": "status",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.sync-state",
"kind": "component",
"title": "Sync state row",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"status",
"sync",
"state",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore sync state row for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-sync-state\" data-cybercore-component=\"sync-state\">\n <header class=\"cc-sync-state__header\">Sync state row</header>\n <div class=\"cc-sync-state__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-sync-state { container-type: inline-size; }",
"category": "status",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.version-badge",
"kind": "component",
"title": "Immutable version badge",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"version",
"release",
"badge",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore immutable version badge for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-version-badge\" data-cybercore-component=\"version-badge\">\n <header class=\"cc-version-badge__header\">Immutable version badge</header>\n <div class=\"cc-version-badge__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-version-badge { container-type: inline-size; }",
"category": "status",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.diagnostic-console",
"kind": "component",
"title": "Diagnostic console",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"diagnostics",
"console",
"logs",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore diagnostic console for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-diagnostic-console\" data-cybercore-component=\"diagnostic-console\">\n <header class=\"cc-diagnostic-console__header\">Diagnostic console</header>\n <div class=\"cc-diagnostic-console__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-diagnostic-console { container-type: inline-size; }",
"category": "diagnostics",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.health-check-list",
"kind": "component",
"title": "Health check list",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"diagnostics",
"checks",
"validation",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore health check list for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-health-check-list\" data-cybercore-component=\"health-check-list\">\n <header class=\"cc-health-check-list__header\">Health check list</header>\n <div class=\"cc-health-check-list__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-health-check-list { container-type: inline-size; }",
"category": "diagnostics",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.event-timeline",
"kind": "component",
"title": "Event timeline",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"diagnostics",
"timeline",
"events",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore event timeline for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-event-timeline\" data-cybercore-component=\"event-timeline\">\n <header class=\"cc-event-timeline__header\">Event timeline</header>\n <div class=\"cc-event-timeline__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-event-timeline { container-type: inline-size; }",
"category": "diagnostics",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.log-filter",
"kind": "component",
"title": "Structured log filter",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"diagnostics",
"logs",
"filter",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore structured log filter for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-log-filter\" data-cybercore-component=\"log-filter\">\n <header class=\"cc-log-filter__header\">Structured log filter</header>\n <div class=\"cc-log-filter__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-log-filter { container-type: inline-size; }",
"category": "diagnostics",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.trace-summary",
"kind": "component",
"title": "Trace summary",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"diagnostics",
"trace",
"performance",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore trace summary for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-trace-summary\" data-cybercore-component=\"trace-summary\">\n <header class=\"cc-trace-summary__header\">Trace summary</header>\n <div class=\"cc-trace-summary__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-trace-summary { container-type: inline-size; }",
"category": "diagnostics",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.resource-card",
"kind": "component",
"title": "Governed resource card",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"resources",
"card",
"provenance",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore governed resource card for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-resource-card\" data-cybercore-component=\"resource-card\">\n <header class=\"cc-resource-card__header\">Governed resource card</header>\n <div class=\"cc-resource-card__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-resource-card { container-type: inline-size; }",
"category": "resources",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.resource-inspector",
"kind": "component",
"title": "Resource inspector",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"resources",
"inspect",
"metadata",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore resource inspector for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-resource-inspector\" data-cybercore-component=\"resource-inspector\">\n <header class=\"cc-resource-inspector__header\">Resource inspector</header>\n <div class=\"cc-resource-inspector__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-resource-inspector { container-type: inline-size; }",
"category": "resources",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.resource-pager",
"kind": "component",
"title": "Resource pager",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"resources",
"pagination",
"keyboard",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore resource pager for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-resource-pager\" data-cybercore-component=\"resource-pager\">\n <header class=\"cc-resource-pager__header\">Resource pager</header>\n <div class=\"cc-resource-pager__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-resource-pager { container-type: inline-size; }",
"category": "resources",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.tag-filter-bar",
"kind": "component",
"title": "Tag filter bar",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"resources",
"tags",
"filter",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore tag filter bar for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-tag-filter-bar\" data-cybercore-component=\"tag-filter-bar\">\n <header class=\"cc-tag-filter-bar__header\">Tag filter bar</header>\n <div class=\"cc-tag-filter-bar__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-tag-filter-bar { container-type: inline-size; }",
"category": "resources",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.license-badge",
"kind": "component",
"title": "License and provenance badge",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"resources",
"license",
"provenance",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore license and provenance badge for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-license-badge\" data-cybercore-component=\"license-badge\">\n <header class=\"cc-license-badge__header\">License and provenance badge</header>\n <div class=\"cc-license-badge__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-license-badge { container-type: inline-size; }",
"category": "resources",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.pack-summary",
"kind": "component",
"title": "Pack summary panel",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"packs",
"summary",
"manifest",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore pack summary panel for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-pack-summary\" data-cybercore-component=\"pack-summary\">\n <header class=\"cc-pack-summary__header\">Pack summary panel</header>\n <div class=\"cc-pack-summary__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-pack-summary { container-type: inline-size; }",
"category": "control-plane",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.pack-file-tree",
"kind": "component",
"title": "Pack file tree",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"packs",
"files",
"tree",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore pack file tree for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-pack-file-tree\" data-cybercore-component=\"pack-file-tree\">\n <header class=\"cc-pack-file-tree__header\">Pack file tree</header>\n <div class=\"cc-pack-file-tree__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-pack-file-tree { container-type: inline-size; }",
"category": "control-plane",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.validation-gates",
"kind": "component",
"title": "Validation gates panel",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"validation",
"gates",
"quality",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore validation gates panel for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-validation-gates\" data-cybercore-component=\"validation-gates\">\n <header class=\"cc-validation-gates__header\">Validation gates panel</header>\n <div class=\"cc-validation-gates__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-validation-gates { container-type: inline-size; }",
"category": "control-plane",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.publish-plan",
"kind": "component",
"title": "Dry-run publish plan",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"publish",
"plan",
"review",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore dry-run publish plan for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-publish-plan\" data-cybercore-component=\"publish-plan\">\n <header class=\"cc-publish-plan__header\">Dry-run publish plan</header>\n <div class=\"cc-publish-plan__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-publish-plan { container-type: inline-size; }",
"category": "control-plane",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.site-profile-card",
"kind": "component",
"title": "Site profile card",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"sites",
"profile",
"resources",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore site profile card for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-site-profile-card\" data-cybercore-component=\"site-profile-card\">\n <header class=\"cc-site-profile-card__header\">Site profile card</header>\n <div class=\"cc-site-profile-card__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-site-profile-card { container-type: inline-size; }",
"category": "control-plane",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.terminal-toolbar",
"kind": "component",
"title": "Terminal toolbar",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"terminal",
"toolbar",
"commands",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore terminal toolbar for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-terminal-toolbar\" data-cybercore-component=\"terminal-toolbar\">\n <header class=\"cc-terminal-toolbar__header\">Terminal toolbar</header>\n <div class=\"cc-terminal-toolbar__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-terminal-toolbar { container-type: inline-size; }",
"category": "terminal",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.terminal-output",
"kind": "component",
"title": "Terminal output panel",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"terminal",
"output",
"logs",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore terminal output panel for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-terminal-output\" data-cybercore-component=\"terminal-output\">\n <header class=\"cc-terminal-output__header\">Terminal output panel</header>\n <div class=\"cc-terminal-output__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-terminal-output { container-type: inline-size; }",
"category": "terminal",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.command-copy",
"kind": "component",
"title": "Verified command copy",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"terminal",
"copy",
"security",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore verified command copy for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-command-copy\" data-cybercore-component=\"command-copy\">\n <header class=\"cc-command-copy__header\">Verified command copy</header>\n <div class=\"cc-command-copy__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-command-copy { container-type: inline-size; }",
"category": "terminal",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.shell-prompt",
"kind": "component",
"title": "Cyber shell prompt",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"terminal",
"prompt",
"shell",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore cyber shell prompt for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-shell-prompt\" data-cybercore-component=\"shell-prompt\">\n <header class=\"cc-shell-prompt__header\">Cyber shell prompt</header>\n <div class=\"cc-shell-prompt__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-shell-prompt { container-type: inline-size; }",
"category": "terminal",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.process-list",
"kind": "component",
"title": "Process status list",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"terminal",
"processes",
"status",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore process status list for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-process-list\" data-cybercore-component=\"process-list\">\n <header class=\"cc-process-list__header\">Process status list</header>\n <div class=\"cc-process-list__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-process-list { container-type: inline-size; }",
"category": "terminal",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.filter-drawer",
"kind": "component",
"title": "Responsive filter drawer",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"filters",
"drawer",
"responsive",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore responsive filter drawer for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-filter-drawer\" data-cybercore-component=\"filter-drawer\">\n <header class=\"cc-filter-drawer__header\">Responsive filter drawer</header>\n <div class=\"cc-filter-drawer__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-filter-drawer { container-type: inline-size; }",
"category": "forms",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.search-command",
"kind": "component",
"title": "Command search field",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"search",
"keyboard",
"commands",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore command search field for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-search-command\" data-cybercore-component=\"search-command\">\n <header class=\"cc-search-command__header\">Command search field</header>\n <div class=\"cc-search-command__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-search-command { container-type: inline-size; }",
"category": "forms",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.token-editor",
"kind": "component",
"title": "Semantic token editor",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"themes",
"tokens",
"editor",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore semantic token editor for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-token-editor\" data-cybercore-component=\"token-editor\">\n <header class=\"cc-token-editor__header\">Semantic token editor</header>\n <div class=\"cc-token-editor__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-token-editor { container-type: inline-size; }",
"category": "forms",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.range-control",
"kind": "component",
"title": "Accessible range control",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"input",
"range",
"accessibility",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore accessible range control for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-range-control\" data-cybercore-component=\"range-control\">\n <header class=\"cc-range-control__header\">Accessible range control</header>\n <div class=\"cc-range-control__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-range-control { container-type: inline-size; }",
"category": "forms",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.confirm-action",
"kind": "component",
"title": "Confirm action surface",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"confirm",
"danger",
"keyboard",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore confirm action surface for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-confirm-action\" data-cybercore-component=\"confirm-action\">\n <header class=\"cc-confirm-action__header\">Confirm action surface</header>\n <div class=\"cc-confirm-action__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-confirm-action { container-type: inline-size; }",
"category": "forms",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.data-table",
"kind": "component",
"title": "Dense data table",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"table",
"data",
"responsive",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore dense data table for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-data-table\" data-cybercore-component=\"data-table\">\n <header class=\"cc-data-table__header\">Dense data table</header>\n <div class=\"cc-data-table__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-data-table { container-type: inline-size; }",
"category": "data",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.comparison-grid",
"kind": "component",
"title": "Theme comparison grid",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"comparison",
"themes",
"grid",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore theme comparison grid for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-comparison-grid\" data-cybercore-component=\"comparison-grid\">\n <header class=\"cc-comparison-grid__header\">Theme comparison grid</header>\n <div class=\"cc-comparison-grid__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-comparison-grid { container-type: inline-size; }",
"category": "data",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.sparkline-stat",
"kind": "component",
"title": "Sparkline statistic",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"metrics",
"sparkline",
"svg",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore sparkline statistic for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-sparkline-stat\" data-cybercore-component=\"sparkline-stat\">\n <header class=\"cc-sparkline-stat__header\">Sparkline statistic</header>\n <div class=\"cc-sparkline-stat__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-sparkline-stat { container-type: inline-size; }",
"category": "data",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.key-value-list",
"kind": "component",
"title": "Key-value inspector",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"metadata",
"key-value",
"inspector",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore key-value inspector for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-key-value-list\" data-cybercore-component=\"key-value-list\">\n <header class=\"cc-key-value-list__header\">Key-value inspector</header>\n <div class=\"cc-key-value-list__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-key-value-list { container-type: inline-size; }",
"category": "data",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.empty-state",
"kind": "component",
"title": "Governed empty state",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"empty",
"fallback",
"guidance",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore governed empty state for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-empty-state\" data-cybercore-component=\"empty-state\">\n <header class=\"cc-empty-state__header\">Governed empty state</header>\n <div class=\"cc-empty-state__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-empty-state { container-type: inline-size; }",
"category": "data",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.toast-stack",
"kind": "component",
"title": "Accessible toast stack",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"feedback",
"toast",
"notifications",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore accessible toast stack for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-toast-stack\" data-cybercore-component=\"toast-stack\">\n <header class=\"cc-toast-stack__header\">Accessible toast stack</header>\n <div class=\"cc-toast-stack__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-toast-stack { container-type: inline-size; }",
"category": "feedback",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.inline-notice",
"kind": "component",
"title": "Inline notice",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"feedback",
"notice",
"status",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore inline notice for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-inline-notice\" data-cybercore-component=\"inline-notice\">\n <header class=\"cc-inline-notice__header\">Inline notice</header>\n <div class=\"cc-inline-notice__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-inline-notice { container-type: inline-size; }",
"category": "feedback",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.progress-steps",
"kind": "component",
"title": "Progress steps",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"feedback",
"progress",
"workflow",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore progress steps for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-progress-steps\" data-cybercore-component=\"progress-steps\">\n <header class=\"cc-progress-steps__header\">Progress steps</header>\n <div class=\"cc-progress-steps__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-progress-steps { container-type: inline-size; }",
"category": "feedback",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.loading-skeleton",
"kind": "component",
"title": "Cyber loading skeleton",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"loading",
"skeleton",
"fallback",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore cyber loading skeleton for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-loading-skeleton\" data-cybercore-component=\"loading-skeleton\">\n <header class=\"cc-loading-skeleton__header\">Cyber loading skeleton</header>\n <div class=\"cc-loading-skeleton__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-loading-skeleton { container-type: inline-size; }",
"category": "feedback",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "component.error-recovery",
"kind": "component",
"title": "Error recovery panel",
"version": "1.0.0",
"status": "review",
"contract": [
"surface",
"content",
"focus",
"responsive",
"reduced-motion"
],
"fallback": "semantic-html",
"tags": [
"error",
"recovery",
"fallback",
"component",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"description": "Custom Cybercore error recovery panel for Control Plane and app surfaces.",
"platforms": [
"web",
"theme-studio",
"control-plane"
],
"content": "<section class=\"cc-error-recovery\" data-cybercore-component=\"error-recovery\">\n <header class=\"cc-error-recovery__header\">Error recovery panel</header>\n <div class=\"cc-error-recovery__body\" aria-live=\"polite\"></div>\n</section>\n\n/* Keep layout on transform/opacity; preserve a readable static state. */\n.cc-error-recovery { container-type: inline-size; }",
"category": "feedback",
"accessibility": "keyboard-safe semantic HTML with visible focus",
"reduced_motion": "static layout with animation disabled",
"performance_risk": "low",
"mobile_fallback": "single-column semantic layout"
},
{
"id": "image.cyberdark.neon-server-vault",
"kind": "asset",
"title": "CyberDark Neon Server Vault",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/neon-server-vault.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.quantum-rack-array",
"kind": "asset",
"title": "CyberDark Quantum Rack Array",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/quantum-rack-array.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.blacksite-command",
"kind": "asset",
"title": "CyberDark Blacksite Command",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/blacksite-command.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.core-reactor",
"kind": "asset",
"title": "CyberDark Core Reactor",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/core-reactor.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.ghost-network",
"kind": "asset",
"title": "CyberDark Ghost Network",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/ghost-network.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.midnight-datacenter",
"kind": "asset",
"title": "CyberDark Midnight Datacenter",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/midnight-datacenter.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.containment-grid",
"kind": "asset",
"title": "CyberDark Containment Grid",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/containment-grid.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.orbital-compute",
"kind": "asset",
"title": "CyberDark Orbital Compute",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/orbital-compute.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.signal-forge",
"kind": "asset",
"title": "CyberDark Signal Forge",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/signal-forge.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.darkmesh-node",
"kind": "asset",
"title": "CyberDark Darkmesh Node",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/darkmesh-node.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.zero-day-bunker",
"kind": "asset",
"title": "CyberDark Zero Day Bunker",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/zero-day-bunker.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "image.cyberdark.auxiliary-ops",
"kind": "asset",
"title": "CyberDark Auxiliary Ops",
"version": "1.0.0",
"status": "approved",
"format": "svg",
"tags": [
"dark",
"neon",
"server",
"pc",
"cyberdark"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/auxiliary-ops.svg",
"description": "Original CyberDark wallpaper with integrated PC, server, network, and systems telemetry motifs.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
},
{
"id": "pack.cybercore-images.cyberdark-wallpapers",
"kind": "pack",
"title": "CyberDark Wallpapers Pack",
"version": "1.0.0",
"status": "approved",
"format": "manifest",
"tags": [
"dark",
"neon",
"server",
"pc",
"datacenter",
"blueprint",
"cybercore"
],
"license": "MIT",
"source": "Cybercore",
"content": "packs/cybercore-images/cyberdark-wallpapers/manifest.json",
"description": "Twelve original dark industrial wallpapers inspired by server rooms, compute hardware, network topology, and Cybercore system telemetry.",
"platforms": [
"desktop",
"web",
"theme-studio",
"omarchy"
],
"category": "wallpapers",
"resource_count": 12,
"fallback": "static-cyberdark-background",
"reduced_motion": "static-artwork",
"performance_risk": "low",
"mobile_fallback": "static-1920px-export"
}
]
}