Velin Transparency Framework 1.2.1 beta

Kennzeichnung und Nachweisbarkeit — KI ist eine Säule, nicht das Produkt. English guide

Reifegrad: beta / foundation in VelinStyle 1.2.1. Subsystem — keine reine Badge-Komponente. Die Previews unten rufen VelinTransparency.enhanceAll() auf.

Wann nutzen

Maschinenlesbare Disclosure plus sichtbare Markierung.
CLI-Audits und Migration für bestehende Sites.

Wann nicht

Overlay ist nicht die Wahrheit — Registry/Export halten den Nachweis.
Claim-Taxonomie nutzen, keine freien Strings.

Live-Beispiele

Dieselbe Attribut-Bridge, die der CLI prüft. Marken werden zur Laufzeit gerendert; der Nachweis bleibt am Host / in der Registry.

KI-generierte Medien

Generiert + menschlich geprüft · badge

Unterstützt · ribbon

<figure
  velin-transparency
  velin-transparency-id="hero-bild"
  velin-type="ai"
  velin-status="generated"
  velin-review="human-reviewed"
  velin-created-at="2026-08-01"
  velin-approved-by="Sebastian"
  velin-license="CC BY 4.0"
  velin-source="/logs/hero.json"
  velin-version="1.2.1"
  velin-label="KI-generiert"
  velin-overlay="badge"
  velin-position="top-right">
  <img src="/hero.png" alt="Hero">
</figure>

Trust & offiziell

Offizielles Markenzeichen · verified

Compliance / Metadaten · footer

<img
  src="/logo.svg" alt="Marke"
  velin-transparency
  velin-type="trust"
  velin-status="verified"
  velin-review="verified"
  velin-license="MIT"
  velin-label="Offiziell"
  velin-overlay="badge"
  velin-tone="verified">

<article
  velin-transparency
  velin-type="compliance"
  velin-status="verified"
  velin-review="human-reviewed"
  velin-license="MIT"
  velin-overlay="footer">
  …
</article>

Renderer-Varianten

overlay

icon

panel (mit Details)

Inline neben Text:

<!-- velin-overlay: badge | overlay | ribbon | icon | panel | tooltip | footer | inline -->
<img velin-transparency velin-overlay="overlay" velin-position="bottom-right" …>
<img velin-transparency velin-overlay="icon" velin-position="top-left" …>
<span velin-transparency velin-overlay="inline" velin-label="KI-unterstützt" …></span>

Marken booten

Diese Seite führt bereits aus:

VelinTransparency.enhanceAll(document.getElementById('main-content'));

import { VelinTransparency, createTransparencyEngine } from '@birdapi/velinstyle/transparency';

VelinTransparency.enhanceAll(document);
VelinTransparency.attach(el, {
  type: 'ai',
  status: 'assisted',
  review: 'human-reviewed',
  provenance: { createdAt: '2026-08-01', license: 'MIT' },
});

const engine = createTransparencyEngine({ policy: {} });
await engine.doctor(html, { file: 'index.html' });

Vision

Transparenz und Nachweisbarkeit: Wer, Wann, Freigabe, Quelle, Lizenz, Version.

Architektur

Engine → Providers → Registry → Validator/Doctor → Reporter/Export → Renderer. Import: @birdapi/velinstyle/transparency

HTML-Schnellstart

Die Live-Beispiele oben sind die Referenz. Minimaler Host:

<img velin-transparency velin-type="ai" velin-status="generated" velin-review="human-reviewed"
  velin-created-at="2026-08-01" velin-approved-by="Sebastian" velin-license="CC BY 4.0"
  velin-overlay="badge" velin-position="top-right">

CLI

velinstyle transparency doctor .
velinstyle transparency report . --out transparency-report
velinstyle transparency migrate . --apply

Policy

Strikte Medien-/Provenance-Pflichten über Policy-JSON; Framework-Default bleibt weich.

Renderer

badge, overlay, ribbon, inline, footer, panel, tooltip, icon (+ Aliase). Siehe Renderer-Varianten.