Menu
Unified testing commands and patterns across frontend and backend.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Work a build idea or design decision through with the agent, grounded in the live repo. Walks the decision tree one branch at a time (recommended answer first), reads CLAUDE.md / docs/solutions/ / actual source to ground and cross-check claims, and captures resolved decisions into docs/solutions/ as it goes. Use when shaping a feature, schema change, or architecture call before writing code, or when you want shared understanding plus a durable record. Triggers on "grill with docs", "grill this against the codebase", "work this idea through", "let's design X", or "pressure-test this against the repo".
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
| name | testing |
| description | Unified testing commands and patterns across frontend and backend. |
| last_updated | "2025-12-20T00:00:00.000Z" |
Guidance and templates for testing in thinkhavenn. Covers React Component testing (Vitest/RTL) and Backend testing (Python/Pytest).
# Log usage when using this skill
./scripts/log-skill.sh "testing" "manual" "$$"
workflows/run-frontend-tests.mdworkflows/run-backend-tests.mdtemplates/component-test.template.tsxreferences/vitest-patterns.md# Frontend (Unit/Integration)
npm test
npm test -- -t "ComponentName" # Run specific test
# Backend (API)
pytest
pytest -k "test_name"