Screens & Wireframes

Screen-first portfolio evidence

Screens are marked as prototype, planned, implemented, sanitized, or archived to avoid overstating maturity.

S-MES-001Public-safe
domain boundarymaintenance queuedata processing noteredaction notice
request receivedanalysissafe public summary

manufacturing-domain maintenance and backend data handling

Public-safeManufacturing systems

MES Maintenance Boundary

Explain how manufacturing business-system changes are framed without exposing customer operations.

Signal: manufacturing-domain maintenance and backend data handling

Target: Hiring reviewer evaluating manufacturing systems experience.

States: request received, analysis, safe public summary

Components: domain boundary, maintenance queue, data processing note, redaction notice

Boundary: No customer names, production records, operational logs, or internal endpoints.

S-MES-002Planned
legacy layerapplication boundarydata access boundaryrisk markers
legacy mixedmodule separatedreview pending

legacy modernization and safe refactoring narrative

PlannedManufacturing systems

Legacy PHP Improvement Map

Show module separation and maintainability direction without private code paths.

Signal: legacy modernization and safe refactoring narrative

Target: Reviewer evaluating legacy backend modernization capability.

States: legacy mixed, module separated, review pending

Components: legacy layer, application boundary, data access boundary, risk markers

Boundary: No private class names, customer-specific modules, or repository paths.

S-COM-001Public-safe
file uploadpreview tokenrow validationconfirm gate
preview readyvalidation failedconfirmed

batch safety and operational guardrails

Public-safeCommerce fulfillment

External Order Intake Flow

Show upload, preview, confirm, and all-or-nothing batch semantics using synthetic data.

Signal: batch safety and operational guardrails

Target: Reviewer evaluating commerce operations and batch-safety design.

States: preview ready, validation failed, confirmed

Components: file upload, preview token, row validation, confirm gate

Boundary: Synthetic order rows only; no real seller, recipient, order, or shipment data.

S-COM-002Public-safe
canonical fieldschannel-region groupingidempotency keysigned import gate
dry-runsentrejected

external integration and retry-safe dispatch design

Public-safeCommerce fulfillment

Canonical Fulfillment Dispatch

Explain canonical order normalization, idempotency, signed import, and fail-closed behavior.

Signal: external integration and retry-safe dispatch design

Target: Reviewer evaluating backend integration reliability.

States: dry-run, sent, rejected

Components: canonical fields, channel-region grouping, idempotency key, signed import gate

Boundary: No endpoints, credentials, private tenant values, order numbers, or payload dumps.

S-COM-003Public-safe
dispatch logexternal projectionmatched countmissing/state-difference markers
matchedmissing in external systemexternal inflowstatus differs

read-only reconciliation and status-drift visibility

Public-safeCommerce fulfillment

Read-only Sync Verification

Show how dispatch logs and external projections can be compared to detect missing or divergent states.

Signal: read-only reconciliation and status-drift visibility

Target: Reviewer evaluating operational reliability and reconciliation design.

States: matched, missing in external system, external inflow, status differs

Components: dispatch log, external projection, matched count, missing/state-difference markers

Boundary: Synthetic identifiers only; no real order numbers, logs, or external-system data.

S-LC-001Prototype
stream cardsviewer countroom statusjoin action
emptyactiveloading

public room list and stream state

PrototypeArchitecture direction

Live Channel Entry

Show active live sessions, synthetic stream state, and entry CTA.

Signal: public room list and stream state

Target: Reviewer evaluating product entry and stream-state handling.

States: empty, active, loading

Components: stream cards, viewer count, room status, join action

Boundary: Synthetic stream metadata only; no seller IDs, room secrets, or real metrics.

S-LC-002Prototype
video surfacechat railproduct overlayhandoff boundary
joininglivereconnectingended

realtime media and commerce-channel boundary

PrototypeArchitecture direction

Viewer With Product Overlay

Show WebRTC video, chat, product overlay, and future order-handoff boundary.

Signal: realtime media and commerce-channel boundary

Target: Reviewer evaluating realtime commerce interaction design.

States: joining, live, reconnecting, ended

Components: video surface, chat rail, product overlay, handoff boundary

Boundary: No stream tokens, chat logs, buyer data, product URLs, or checkout details.

S-LC-003Public-safe
incident statemoderation actionsaudit noteoperator confirmation
healthyflaggedsuspended

trust and safety control surface

Public-safeArchitecture direction

Moderation Boundary

Show trust-and-safety controls with synthetic incidents and no operator data.

Signal: trust and safety control surface

Target: Reviewer evaluating safety control surfaces.

States: healthy, flagged, suspended

Components: incident state, moderation actions, audit note, operator confirmation

Boundary: No operator names, user identifiers, raw reports, or audit logs.

S-AI-001Public-safe
raw evidenceprivate reviewpublic claimrole variant
rawrole-confirmpublic-safe

versioned AI-assisted knowledge governance

Public-safeAI workflow

Resume Claim Lifecycle

Show raw evidence moving into reviewed claims, public-safe content, and target-role variants.

Signal: versioned AI-assisted knowledge governance

Target: Reviewer evaluating AI-assisted workflow governance.

States: raw, role-confirm, public-safe

Components: raw evidence, private review, public claim, role variant

Boundary: No raw transcripts, private evidence, or private wiki exports.

S-AI-002Planned
public portfolioprivate sourceprotected outputredaction checklist
draftreviewedprotected output

public/private separation and release governance

PlannedAI workflow

Protected Interview Kit Handoff

Describe how detailed Q&A and evidence maps are generated outside the public bundle.

Signal: public/private separation and release governance

Target: Reviewer evaluating content-boundary discipline.

States: draft, reviewed, protected output

Components: public portfolio, private source, protected output, redaction checklist

Boundary: No protected interview materials are committed to the public repository.

S-MCP-001Planned
connection listpermission modehealth stateredacted metadata
defaultdisconnectedpermission denied

secret-free connection metadata

PlannedMCP safety

Connection Registry

List redacted DB connections and safety mode.

Signal: secret-free connection metadata

Target: Reviewer evaluating infrastructure safety boundaries.

States: default, disconnected, permission denied

Components: connection list, permission mode, health state, redacted metadata

Boundary: No URLs, credentials, real schemas, customer tables, or production hostnames.

S-MCP-002Planned
query previewpolicy resultblocked reasonreview handoff
validblockedneeds review

agent safety gate

PlannedMCP safety

Query Validation

Validate query safety before execution.

Signal: agent safety gate

Target: Reviewer evaluating agent safety gates.

States: valid, blocked, needs review

Components: query preview, policy result, blocked reason, review handoff

Boundary: Synthetic query examples only; no raw logs, private schema, or production data.