Sigil: x-ray
SkillDev toolsUse when: turning user-supplied context about an object, artifact, architecture, codebase, process, or system into a visual layered HTML explanation page with properties, components, flows, dependencies, and evidence boundaries.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Sigil: x-ray skill
What this skill tells your AI
The instructions your AI receives, as published by cyberalchemyai/arcanum in arcana/x-ray/SKILL.md and read by ahel’s review.
| Mode | Use When | Required Emphasis |
|---|---|---|
object | The target is a bounded conceptual, data, or domain object. | properties, relationships, lifecycle, dependencies |
artifact | The target is a document, spec, plan, deck, or generated artifact. | intent, structure, claims, evidence, gaps |
architecture | The target is a system, subsystem, component graph, or design architecture. | components, boundaries, flows, internal dependencies, external dependencies |
codebase | The target is a repository, package, module, or source subtree. | entrypoints, modules, internal dependencies, external dependencies, tests, flows |
process | The target is an operational, human, or system workflow. | actors, steps, decisions, transformations, handoffs |
mixed | The target combines more than one shape. | explicit lane selection and omitted-lane reasons |
| Lane | Vision | Output Handle |
|---|---|---|
surface | What the target appears to be and why the user is inspecting it. | surface.summary |
properties | Important attributes, invariants, metadata, constraints, and state. | properties.catalog |
components | Internal parts and their purposes. | components.map |
internal_dependencies | Dependencies among internal parts, modules, sections, stages, or concepts. | dependencies.internal |
external_dependencies | Services, libraries, APIs, people, policies, documents, or systems outside the target. | dependencies.external |
flow | Data, control, work, or meaning movement through the target. | flow.graph |
lifecycle | Creation, operation, mutation, validation, failure, and retirement states. | lifecycle.timeline |
risk_questions | Ambiguity, missing evidence, contradiction, risk, and open questions. | risk.questions |
visual_composition | Instructions for mapping lane handles to HTML, SVG, Mermaid, and optional 3D layers. | visual.model |
- L0: single local static HTML page with semantic HTML, CSS, and inline SVG.
- L1: conservative Mermaid source blocks for flow, dependency, and architecture diagrams.
- L2: in-browser Mermaid rendering only when artifact policy allows it.
- L3: CSS 3D transforms for depth-separated layer panels.
- L4: optional Three.js or CSS3DRenderer for spatial exploration when a target genuinely benefits from 3D.
- Optional external adapter: Kroki-generated SVG only when privacy, network, and local policy allow it.
L0 is the default proof path. Remote or 3D rendering must never be required for a valid x-ray result.
- the user provides context and wants to understand what it is about,
- the target is an object, artifact, architecture, codebase, process, plan, workflow, or mixed system,
- important structure is hidden inside prose, code, diagrams, plans, or repository layout,
- the explanation should expose properties, components, flows, dependencies, transformations, assumptions, and open questions,
- a local HTML explanation page is the desired output surface,
- visual layers or diagram-like structure would make the target easier to inspect.
- a short plain-language summary is enough,
- the user wants direct implementation instead of explanation,
- the source context is too sensitive to transform into a generated artifact,
- the target is too large and the user has not provided a bounded scope,
- a production renderer or polished design system is required immediately,
- there is not enough context to identify the object under inspection.
- supplied context text or a path to local context,
- optional inspection mode:
object,artifact,architecture,codebase,process, ormixed, - optional user question or intent,
- optional output path for the HTML page,
- optional depth, audience, privacy, or visual style constraints.
Before composing the visual page, identify the likely reader baseline from the user request or source context:
newcomer: needs plain definitions, why-it-matters framing, and step-by-step causality.working-reader: understands the domain category but not this target's local structure.expert: can handle compact terms, but still needs local evidence and boundary clarity.unknown: default tonewcomerfor explanation text andworking-readerfor labels.
For every important lane, provide an on-ramp before the detail:
- Name the thing in ordinary language.
- Say why it matters in this target.
- Explain what changes, moves, depends on it, or can fail because of it.
- Only then introduce local terms, handles, or technical labels.
When the target has dense vocabulary, use a local reader glossary pattern: plain term, plain meaning, why it matters here, source or lane, and misuse warning. Keep this glossary explanatory; do not promote local x-ray terms into canonical project definitions.
When the page has multiple visual layers, give each layer a reader outcome: what the reader should understand after inspecting that layer and why the layer matters to the target.
Avoid explanations that require prior knowledge of the target's domain vocabulary. If a technical term is unavoidable, define it where the reader first needs it. Visual labels may be compact, but adjacent text must make the label understandable.
## x-ray Result
- Status: pass | flag | block
- Mode: object | artifact | architecture | codebase | process | mixed | unknown
- Target boundary: <resolved scope or blocked reason>
- User intent: <resolved intent or open question>
- Reader baseline: newcomer | working-reader | expert | unknown
- Output: <html path or planned output>
- Lane handles:
- surface: <handle or omitted reason>
- properties: <handle or omitted reason>
- components: <handle or omitted reason>
- internal_dependencies: <handle or omitted reason>
- external_dependencies: <handle or omitted reason>
- flow: <handle or omitted reason>
- lifecycle: <handle or omitted reason>
- risk_questions: <handle or omitted reason>
- visual_composition: <handle or omitted reason>
- Layer interaction: stacked | isolate | compare | trace | planned
- Renderer level: L0 | L1 | L2 | L3 | L4 | blocked
- Visual library: <YAML components/patterns used and custom shape/chart/pattern nudge if relevant>
- Evidence boundary: <source-backed facts vs inference>
- Reader on-ramp: <plain-language definitions, why-it-matters framing, or omitted reason>
- Validation: <checks performed or blocked reason>
- identify the mode and target boundary,
- preserve the user's inspection intent,
- produce a structured explanation rather than a loose summary,
- teach prerequisite concepts before relying on target-specific jargon,
- make each important technical label understandable to a reader without assumed prior domain knowledge,
- include properties, components, flows, internal dependencies, external dependencies, assumptions, and open questions when relevant,
- emit lane handles that can be consumed by the visual composition step,
- use reusable YAML-backed visual components and patterns only when they preserve the evidence/inference boundary,
- make the HTML visual layer model inspectable without requiring remote services,
- keep generated visual structure tied to the source context,
- distinguish evidence from inference,
- report blockers when context is insufficient or the target is too broad,
- preserve seed status until Sigil Development and Experiment Harness evidence support promotion.
- inventing system structure not grounded in supplied context,
- producing decorative visuals that do not explain the target,
- skipping the user's intent and defaulting to generic documentation,
- using expert shorthand where the reader needs a plain-language bridge,
- drawing labels, arrows, or layers whose meaning is only clear to someone who already understands the target,
- treating every target as software architecture,
- claiming production renderer readiness from seed artifacts,
- requiring Mermaid, Three.js, Kroki, or remote rendering for baseline success,
- using 3D to make the page impressive when simple SVG would explain better,
- analyzing an entire codebase when the user provided no bounded scope,
- promoting the sigil before live examples exist.
- mode,
- target boundary,
- input size and source shape,
- clarification needed or not,
- selected lanes and omitted-lane reasons,
- renderer level,
- output path or blocked reason,
- evidence/inference boundary quality,
- internal and external dependency coverage,
- missing-context gaps,
- user correction signals.
Additionally record these UX-and-rework signals (added 2026-06-23 from the componentize/workflow-reflect run, which found the default reflection trigger fires on invocation count, not on any quality signal — so iteration cost was invisible):
renderer_level_attemptedandrenderer_level_shipped(L0–L4) — a downgrade delta is the single most informative UX signal, e.g. an attempted 3D layer shipped as L0,renderer_downgrade_reason(readability | validation | perf | mobile),ux_revision_count— post-first-render layout reworks in the run,interaction_defects_found(overlap | hover-trap | hardcoded-spacer | mobile-illegible | z-index-collision),ux_validation_evidence(none | screenshot | playwright | manual),validator_status(pass | block | n-a-bespoke) so the share of unvalidatable artifacts is visible,lane_genre(orthogonal-toggle | ordered-ladder | graph).
Reflection thresholds should be evidence-based, not clock-based: trigger reflect-now when ux_revision_count >= 2 in a run, OR interaction_defects_found is non-empty, OR renderer_level_attempted > renderer_level_shipped recurs across >= 2 runs, OR validator_status: n-a-bespoke exceeds a share of recent x-ray runs.
- one object or component example,
- one process example,
- one architecture or codebase example,
- one generated L0 HTML/SVG output body,
- one blocked or flagged example showing insufficient context handling,
- one validation pass that checks lane presence, evidence boundaries, and HTML structure.
Signals
- GitHub stars
- 25
- Forks
- 3
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
x-ray- Source
- github.com/cyberalchemyai/arcanum