Claude Skills

Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.

Build and distribute Expo development clients locally or via TestFlight

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

Evening task selection ceremony for maker work (discovery: requirements-clarity). Evaluate at requirements-clarity when user mentions shutdown ritual, evening ceremony, select for book, end of day selection, or tomorrow's tasks.

Dart/Flutter MCP tools reference for app lifecycle, hot reload/restart, logging, widget inspection, and code analysis. Use when debugging Flutter applications.

Use when asked to create or edit style guides, design systems, component libraries, or update existing frontend components for web projects

Use when running tests via test-runner subagents - delegates test execution to background agents with incremental timeout escalation

Use this skill when users need help with git pre-commit hooks, code quality guardrails, or prek configuration. **Trigger this skill when:** - User mentions "pre-commit", "commit hooks", "prek", or "guardrails" - Project has no .pre-commit-config.yaml and user is working on code - User encounters formatting/linting issues that hooks could prevent - User asks about code quality automation - User creates a new project or initializes a git repository - User has existing hooks (husky, pre-commit, lefthook) and asks about alternatives

Audit CLAUDE.md files for redundancy, verbosity, and adherence to best practices. This skill should be used when reviewing, improving, or cleaning up CLAUDE.md files to ensure they remain effective and concise.

Create comprehensive technical specification documents through interactive Q&A. Use when (1) user asks to write a Tech Spec, (2) user wants to plan a new feature, (3) user needs to create technical documentation for a feature, (4) user mentions "tech spec", "technical specification", or "feature planning document".

Create distinctive, production-grade mobile interfaces for React Native with high design quality. Use when (1) user asks to build mobile UI components or screens, (2) user wants to improve mobile app aesthetics, (3) user needs help with animations, theming, or mobile design patterns, (4) user mentions "mobile design", "app UI", "mobile styling", or "beautiful app".

Mobile app development with React Native and Expo using production-ready patterns. Use when (1) user is building a mobile app, (2) user asks about mobile architecture or best practices, (3) user needs help with React Native components, navigation, state management, or data fetching, (4) user mentions "mobile", "React Native", "Expo", "RN", "iOS app", or "Android app", (5) user wants to create a new React Native app.

Search, create, and complete Apple Reminders. Use when user asks about tasks, todos, reminders, grocery lists, or wants to add/complete items.

Search, browse, create, and delete Apple Notes. Use when user asks about notes, wants to find something in notes, create a new note, or delete notes.

Control Chrome browser via 71 MCP tools - screenshots, clicks, forms, downloads, network capture, TTS, history, cookies, emulation. Use when working with browser automation.

Fuzzy search and browse Apple Messages/iMessage. Use when user asks to find texts, search messages, look up conversations, find what someone said, who texted recently, or view recent messages.

Use when evidence collection is complete for a pillar and need to extract actionable insights. Transforms raw evidence into structured synthesis with patterns and contradictions identified.