Agent skill
validate-mobile
Validates mobile app code (TypeScript, ESLint, Jest tests) in the frontend-mobile/ directory
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/validate-mobile
SKILL.md
Validate Mobile Skill
CLAUDE: When this skill is invoked with /validate-mobile, run these commands in sequence:
cd frontend-mobile && bun run typecheck && bun run lint && bun test
Purpose
Validates the mobile app codebase (Expo + React Native + NativeWind) for type safety, lint compliance, and test correctness.
Usage
/validate-mobile
What It Validates
Tier 0: TypeScript (fastest feedback)
cd frontend-mobile && bun run typecheck
- Catches type errors before runtime
- Validates all
.tsand.tsxfiles - Uses TypeScript strict mode
Tier 1: ESLint
cd frontend-mobile && bun run lint
- React hooks rules
- React Native specific rules
- TypeScript ESLint integration
Tier 2: Unit Tests
cd frontend-mobile && bun test
- Runs Jest with jest-expo preset
- Tests components, hooks, and utilities
- Uses Testing Library for React Native
Full Validation Command
cd frontend-mobile && bun run typecheck && bun run lint && bun test
Additional Commands
E2E Tests (requires iOS Simulator)
cd frontend-mobile && bun run e2e:build && bun run e2e:test
Integration Tests
cd frontend-mobile && bun run e2e:integration
Coverage Report
cd frontend-mobile && bun run test:coverage
Watch Mode
cd frontend-mobile && bun run test:watch
Port Configuration
CRITICAL: Mobile dev server uses port 8082 (port 8081 is reserved for Pierre MCP Server)
cd frontend-mobile && bun start # Uses port 8082
Success Criteria
- All TypeScript files compile without errors
- Zero ESLint violations
- All unit tests pass (135+ tests)
- No type regressions
Related Skills
frontend-design- Design system compliance (shares brand colors)accessibility-check- Accessibility audit (mobile accessibility)
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?