メニュー
Use when making styling or layout changes to `_viewer.html`. Keeps UI work aligned with arrayview's established visual language without dragging in release-only or cross-mode audit steps by default.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
Use when implementing any server-side, startup, display-opening, or environment-detection feature in arrayview. Ensures the feature works correctly across all six ways arrayview can be launched — CLI, Python script, Jupyter, Julia, VS Code tunnel, and SSH.
Use when a visual feature touches canvas rendering, zoom, eggs, colorbars, shortcuts, or layout across modes. Keeps implementation and verification consistent without escalating to a full audit by default.
Use when the user explicitly requests a full visual audit, when validating UI work for a release, or when diagnosing a cross-mode visual regression in arrayview. Proactively identifies all affected mode combinations, prescribes per-mode behavior, checks for UI clashes, and runs a Playwright-based visual audit after implementation. Absorbs and replaces the modes-consistency skill.
Use when fixing a real visual bug, layout glitch, rendering artifact, or UI regression in arrayview. Requires visual evidence, but keeps the default path targeted unless the bug has broad cross-mode risk.
Use when working through TODO items, implementing batches of features or fixes, or when the user gives multiple tasks at once. Enforces commit-per-item, collateral updates, and cross-mode verification.
Use when the user explicitly asks to sync UI docs/help/test coverage, or when preparing a UI change for release. Ensures visual_smoke.py, help overlay, and docs/ stay in sync.
SOC 職業分類に基づく
| name | frontend-designer |
| description | Use when making styling or layout changes to `_viewer.html`. Keeps UI work aligned with arrayview's established visual language without dragging in release-only or cross-mode audit steps by default. |
Use this for real styling/layout work. For behavior-only edits, code cleanup, or tiny copy changes with no design decision, do not expand beyond this file unless blocked.
Minimal chrome. The array is the product.
--surface, --border, --text, --muted, --active-dim, --overlay-bg, --radius, --radius-lg.'SF Mono', ui-monospace, 'Cascadia Code', 'JetBrains Mono', monospace10px to 13px; headers are 15px to 16px.T.var(--muted)var(--text)var(--active-dim)var(--surface) + 1px solid var(--border) + var(--radius-lg)var(--overlay-bg) with the existing blur treatmentviewer-ui-checklist is used only if the user asked for docs/help/test sync or this is release prepmodes-consistency is used if canvas/colorbar/layout behavior crosses modes