Ae1
High
- Category
- analysis-evasion
- Content
4. Run `scripts/validate_ui.py` for automated validation
- Confidence
- 100% confidence
- Finding
- Referenced artifact was not completely inspected
Security audit
Security checks for vulnerabilities and agentic risk
This skill is a UI design guidance and validation aid, with no evidence of hidden data access, persistence, or unsafe behavior.
This skill is appropriate for users who want UI design-system guidance and local validation. Be aware that the validator can read files you explicitly pass to it, so use it on UI source files you intend to analyze.
4. Run `scripts/validate_ui.py` for automated validation
4. Run `scripts/validate_ui.py` for automated validation
4. Run `scripts/validate_ui.py` for automated validation
4. Run `scripts/validate_ui.py` for automated validation
</head>
<body>
<div class="app-shell">
<!-- Sidebar -->
<aside class="sidebar">
<div class="sidebar-header">
<div class="logo"><span class="logo-dot"></span> ProjectHub</div><!-- Main -->
<div class="main-area">
<!-- Toolbar -->
<header class="toolbar">
<span class="toolbar-title">Overview</span>
<button class="toolbar-btn" onclick="showToast()">🔔</button></div>
</div>
<!-- Team Table -->
<div class="section-block">
<div class="section-header">
<h2>Team Members</h2></div>
</div>
<!-- 3. Upload -->
<div class="section-block">
<div class="section-header"><h2>Upload</h2></div>
<div class="upload-zone" id="upload-zone" onclick="document.getElementById('upload-input').click()"></div>
</div>
<!-- 5. Alert/Banner -->
<div class="section-block">
<div class="section-header"><h2>Alert / Banner</h2></div>
<div class="alert alert-info"></div>
</div>
<!-- 7. Pagination -->
<div class="section-block">
<div class="section-header"><h2>Pagination</h2></div>
<div class="pagination" id="pagination-demo"></div>
</div>
<!-- 11. Timeline -->
<div class="section-block">
<div class="section-header"><h2>Timeline</h2></div>
<div class="timeline-vertical"></head>
<body>
<div class="app-shell">
<!-- Drawer -->
<aside class="drawer">
<div class="drawer-header">
<div class="logo"><span class="logo-icon"></span> ProjectHub</div><!-- Main -->
<div class="main-area">
<!-- Top App Bar -->
<header class="top-app-bar">
<button class="menu-btn" onclick="alert('Mobile navigation drawer — use Drawer component in production')">☰</button>
<span class="top-app-bar-title">Dashboard</span></div>
</div>
<!-- Tabs + Recent Tasks -->
<div class="section-block">
<div class="section-header">
<h2>Recent Tasks</h2></div>
</div>
<!-- Data Table -->
<div class="section-block">
<div class="section-header">
<h2>Team Members</h2></div>
</div>
<!-- 5. Alert / Banner -->
<div class="comp-section">
<h3>Alert / Banner</h3>
<div class="mat-space-v md"></div>
</div>
<!-- 7. Pagination -->
<div class="comp-section">
<h3>Pagination</h3>
<div class="pagination" id="pagination1"></div>
</div>
<!-- 12. Timeline -->
<div class="comp-section">
<h3>Timeline</h3>
<div class="timeline"></div>
</div>
<!-- 14. Divider -->
<div class="comp-section">
<h3>Divider</h3>
<div class="mat-space-v sm"></head>
<body>
<div class="app-shell">
<!-- Sidebar -->
<aside class="sidebar">
<div class="sidebar-header">
<div class="logo"><span class="logo-icon"></span> ProjectHub</div><!-- Main -->
<div class="main-area">
<!-- Breadcrumb -->
<div class="breadcrumb">
<a href="#">Home</a>
<span class="breadcrumb-sep">/</span></div>
</div>
<!-- Pivot Tabs + Recent Tasks -->
<div class="section-block">
<div class="section-header">
<h2>Recent Tasks</h2></div>
</div>
<!-- Data Grid -->
<div class="section-block">
<div class="section-header">
<h2>Team Members</h2></div>
</div>
<!-- 6. Pagination -->
<div class="comp-section">
<div class="comp-section-title">6. Pagination</div>
<div class="comp-demo"></div>
</div>
<!-- 11. Timeline -->
<div class="comp-section">
<div class="comp-section-title">11. Timeline</div>
<div class="comp-demo">No suspicious patterns detected.