Se Test UI — Testing skill for Claude Code
Design UI tests that verify RENDERED INTENT (the mockup), not DOM presence.
How to install Se Test UI
Installs to ~/.claude/commands/andreassigloch-graphcode-se-test-ui.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/andreassigloch/graphcode/HEAD/.claude/commands/se-test-ui.md -o ~/.claude/commands/andreassigloch-graphcode-se-test-ui.md Restart Claude Code, or start a new session, for it to be picked up.
What Se Test UI does
name: se-test-ui version: 1 description: Design UI tests that verify RENDERED INTENT (the mockup), not DOM presence. Use before writing or reviewing any test for a view/component/renderer, or when a UI CR is about to close. Encodes the anti-false-green rules from the 2026-07-08 blind-render retrospective.
se-test-ui — test the pixel, not the presence
The one rule
**The mockup is the acceptance criterion.** The design mockup (`docs/mockups/*`) is the SSOT of visual intent. Never r
Alternatives in Testing
- Inkline — by inkline - Structures development workflow using pnpm with emphasis on TypeScript and Vue 3 Composition API 1.4k ★
- Maestro Spec — Intent-driven spec precipitation — state a constraint in natural language (加一条规范:禁止用 any / 记录架构约束:服务间走 gRPC / 530 ★
- Test Driven Development.SKILL — Enforces TDD discipline with RED-GREEN-REFACTOR cycle 262 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Se Test
The general red-first rule — design any test so you have seen it fail for the right reason before you trust it
Ng Mocks Testing Skill
Claude Code skill for writing Angular unit tests with ng-mocks — MockBuilder, MockRender, NgRx effects, and an
Elementor Verify
Compare a live page against its backlog mockup with Playwright at 1280, 768 and 390
Component Spec
Define component API, states, variants, and ARIA requirements before writing any implementation code
Visual Flow Verify
以 Figma node 為節點的可重播視覺驗證:確定性 Playwright 重播、像素比對設計稿、DOM 對帳 mock 種子、失敗才 AI 裁決;GUI 給人、REST 給 AI agent|Replayable
Pharn Spec
Turn a user's prose intent into a structured, human-approved features/ /SPEC.md — the head of the product pipe
Related Agents
Browser Locator
Locates routes, screens, and DOM-level component presence in a
Stamity Design Quality
Reviews rendered surfaces and the flows through them when a component, view, or style file changes, deciding n
Rot Soleil
The Soleil_Blank lens — Phantom Steganography, the Invisible Architect. Encodes intent at maximum semantic den