원클릭으로 Manus에서 모든 스킬 실행

ui-check

스타6

포크2

업데이트2026년 7월 13일 22:00

Gate the RING-5 web layer — the Page→Controller→Component pattern (no presenter), namespaced UI state, dual-engine rendering, and the UI test layers. Use when reviewing/verifying anything under src/web/, Streamlit pages/components, or UI state.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

nikiitin

nikiitin/RING-5

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

UI check (the presentation-layer gate)

Layer C (src/web/ + app.py) is Streamlit + Plotly/Matplotlib. This gate verifies the UI conventions and runs the right test layers. For writing UI tests, use the e2e-streamlit-testing skill; this skill is the conformance gate.

Conventions to verify

Page → Controller → Component (PCC). There is NO presenter layer (it was removed). Pages (src/web/pages/) wire controllers (src/web/controllers/plot/: creation/pipeline/render) to self-contained components (src/web/components/). A new "presenter" module is a regression.
UI state is namespaced & typed via src/web/state/ui_state_manager.py::UIStateManager — keys are plot.{id}.*, manager.*, nav.*, export.* (built by WidgetKeyBuilder). Raw ad-hoc st.session_state["auto_42"] strings are the anti-pattern.
Per-plot widget keys are unique: f"{prefix}_{field}_{plot_id}" — shared keys across plots cause cross-talk.
Dual engine: rendering goes through FigureConfig → connectors; the engine is switched by the ring5_engine_mode session key (EngineManager). Default palette is wong. The plot class never calls go.*/plt.* (see plot-type-check).
Settings ownership (don't misfile a control): tick marks / tick pad / grid dash → Axes pill; Typography = font sizes/colors only; Y-axis title standoff & vshift → Axes Y-Left pill.
Components are self-contained widgets — no business logic; that belongs in a service behind the facade.

Run the tests (no browser → browser)

./python_venv/bin/pytest tests/ui tests/ui_logic tests/ui_unit -q   # AppTest + controllers + mocked-st
make test-visual                                                    # Playwright, spins Streamlit on :8502

tests/ui/ — Streamlit AppTest (no browser). tests/ui_logic/ — controllers/UI logic. tests/ui_unit/ — components with a mocked st.
Reuse columns_side_effect from the root tests/conftest.py for mocking st.columns — don't redefine it.
tests/e2e/ + tests/visual/ are Playwright (requires_browser), Page Object Model, data-testid selectors. Mind the segmented-control toggle & fragment-rerun gotchas documented in e2e-streamlit-testing.

Quick smells

grep -rni "presenter" src/web/ --include=*.py            # should be empty (layer removed)
grep -rn "st.session_state\[" src/web/ --include=*.py     # prefer UIStateManager/WidgetKeyBuilder

Keep this skill sharp

Canon, not history — edit in place when the UI conventions move:

Namespaces, the engine key, and settings-ownership above mirror ui_state_manager.py, engine_manager.py, and the settings pills. If those change, update this list.
New UI footgun found in review? Add it here (and to e2e-streamlit-testing if it's test-mechanics); durable facts → a memory.

Verify after

make arch-check && ./python_venv/bin/pytest tests/ui tests/ui_logic tests/ui_unit -q

이 저장소의 다른 Skills

같은 저장소

add-plot-type

nikiitin/RING-5

Add a new plot/chart type to RING-5 (subclass BasePlot, emit engine-agnostic traces, register in PlotFactory, wire config UI, test). Use when the user asks to add or modify a visualization/chart/plot type.

2026-07-136

add-shaper

nikiitin/RING-5

Add a new data-transformation shaper to RING-5's pipeline (subclass Shaper, add a discriminated-union TypedDict config, register in ShaperFactory with a camelCase key, add the UI config). Use when the user wants a new transform/shaper/pipeline step.

2026-07-136

api-check

nikiitin/RING-5

Gate the ApplicationAPI facade contract — the single Web→Core entry point, its three sub-APIs, and the async parse/scan protocol. Use when verifying API usage, reviewing facade/service changes, or checking that the UI talks to core only through the facade.

2026-07-136

architecture-check

nikiitin/RING-5

Gate the RING-5 architecture — the 7 hard rules and the strict 3-layer dependency direction (Web → Core ← Parsing). Use before merging, after any structural/refactor change, or when asked to "check architecture", "run the arch gate", or verify layer boundaries.

2026-07-136

clean-stale-paths

nikiitin/RING-5

Sweep code and docs for dead, duplicated, or stale paths/symbols and remove them — repoint drifted paths, delete docs for removed subsystems, and enforce canon-only docs (no "was X, now Y" history). Use when asked to clean up stale references, dead paths, doc debt, or legacy shims/aliases.

2026-07-136

e2e-streamlit-testing

nikiitin/RING-5

Write or debug RING-5's Streamlit UI tests — the no-browser AppTest/ui_logic/ui_unit layers and the Playwright browser e2e/visual suite (Page Object Model, data-testid selectors, and Streamlit-specific gotchas). Use for any UI test, Playwright, AppTest, screenshot, or flaky-UI-test task.

2026-07-136

name	ui-check
description	Gate the RING-5 web layer — the Page→Controller→Component pattern (no presenter), namespaced UI state, dual-engine rendering, and the UI test layers. Use when reviewing/verifying anything under src/web/, Streamlit pages/components, or UI state.

UI check (the presentation-layer gate)

Conventions to verify

Page → Controller → Component (PCC). There is NO presenter layer (it was removed). Pages (src/web/pages/) wire controllers (src/web/controllers/plot/: creation/pipeline/render) to self-contained components (src/web/components/). A new "presenter" module is a regression.
UI state is namespaced & typed via src/web/state/ui_state_manager.py::UIStateManager — keys are plot.{id}.*, manager.*, nav.*, export.* (built by WidgetKeyBuilder). Raw ad-hoc st.session_state["auto_42"] strings are the anti-pattern.
Per-plot widget keys are unique: f"{prefix}_{field}_{plot_id}" — shared keys across plots cause cross-talk.
Dual engine: rendering goes through FigureConfig → connectors; the engine is switched by the ring5_engine_mode session key (EngineManager). Default palette is wong. The plot class never calls go.*/plt.* (see plot-type-check).
Settings ownership (don't misfile a control): tick marks / tick pad / grid dash → Axes pill; Typography = font sizes/colors only; Y-axis title standoff & vshift → Axes Y-Left pill.
Components are self-contained widgets — no business logic; that belongs in a service behind the facade.

Run the tests (no browser → browser)

./python_venv/bin/pytest tests/ui tests/ui_logic tests/ui_unit -q   # AppTest + controllers + mocked-st
make test-visual                                                    # Playwright, spins Streamlit on :8502

tests/ui/ — Streamlit AppTest (no browser). tests/ui_logic/ — controllers/UI logic. tests/ui_unit/ — components with a mocked st.
Reuse columns_side_effect from the root tests/conftest.py for mocking st.columns — don't redefine it.
tests/e2e/ + tests/visual/ are Playwright (requires_browser), Page Object Model, data-testid selectors. Mind the segmented-control toggle & fragment-rerun gotchas documented in e2e-streamlit-testing.

Quick smells

grep -rni "presenter" src/web/ --include=*.py            # should be empty (layer removed)
grep -rn "st.session_state\[" src/web/ --include=*.py     # prefer UIStateManager/WidgetKeyBuilder

Keep this skill sharp

Canon, not history — edit in place when the UI conventions move:

Namespaces, the engine key, and settings-ownership above mirror ui_state_manager.py, engine_manager.py, and the settings pills. If those change, update this list.
New UI footgun found in review? Add it here (and to e2e-streamlit-testing if it's test-mechanics); durable facts → a memory.

Verify after

make arch-check && ./python_venv/bin/pytest tests/ui tests/ui_logic tests/ui_unit -q