Tooluck logoTooluck
SKILL.md

frontend-testing-debugging

Agent skill fromfcakyon/claude-codex-settings

This skill should be used when user asks to "debug this UI", "verify a rendered frontend change", or "check responsive layouts". Diagnose visual and interaction problems, compare reference screenshots, and reuse project QA journeys when available.

How to install frontend-testing-debugging

install frontend-testing-debugging
# install the claude-codex-settings pack with the skills CLI
npx skills add fcakyon/claude-codex-settings

# or add only this skill to Claude Code: copy the folder

plugins/frontend-design-skills/skills/frontend-testing-debugging/

# into

~/.claude/skills/frontend-testing-debugging/ (all projects)

.claude/skills/frontend-testing-debugging/ (one project)

plugins/frontend-design-skills/skills/frontend-testing-debugging/SKILL.md

Apache-2.0Full file
1# Frontend testing and debugging
2
3Own the visual diagnosis and fix loop. Reuse project testing infrastructure for repeatable execution, sessions and reports. This skill works independently of the QA plugin.
4
5## Choose the flow and execution path
6
71. Identify the entry route, user action and expected visible result. Inspect repository scripts and running servers before asking for a missing URL. Keep the requested host exact.
82. Read project testing guidance and look for an existing journey covering the change. Run that journey first. When the QA plugin and project configuration are available, follow the project's QA skill and use `qa:run-qa` for execution, session recovery, telemetry isolation and cleanup.
93. Without project QA journeys, use the repository's existing browser or e2e workflow. For interactive investigation, choose an available browser tool and read its current instructions. Do not assume a particular plugin or API exists. Respect the user's browser preference and avoid taking focus during background work.
104. If no suitable workflow exists, use a temporary diagnostic script outside committed source. Add dependencies only when required by the task and permitted by the user. Report unavailable access or runtime support as a specific limitation.
11…

Excerpt shown under the repository's Apache-2.0 license.

More skills in claude-codex-settings

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates