Accelerate mobile app development from architecture to deployment: offline-first design, performance profiling, state management, authentication, push notifications, testing strategies, CI/CD pipelines, and crash debugging for React Native, Flutter, and native iOS/Android.
Profile and optimize mobile app performance — eliminate jank, reduce startup time, fix memory leaks, shrink bundle size, and hit 60 FPS on every screen. Use when the app feels slow, drops frames, drains battery, or takes too long to install.
Design and implement offline-first mobile architectures — local databases, sync engines, conflict resolution, mutation queues, and background sync. Use when building mobile apps that must work without signal and reconcile data when connectivity returns.
Set up and optimize CI/CD pipelines for mobile apps — React Native, Flutter, or native iOS/Android. Covers build automation, code signing, caching, beta distribution, production releases, and OTA updates. Use when configuring builds, fixing signing issues, or shipping faster.
Investigate and fix mobile app crashes, memory leaks, ANRs, and performance issues. Works across React Native, Flutter, and native iOS/Android. Follows a structured flow: read crash log → symbolicate → classify → isolate platform vs framework → fix → verify on device.
Build a mobile feature end-to-end on any platform — React Native, Flutter, or Swift/SwiftUI. Covers the full lifecycle from navigation scaffolding through data layer, UI, state management, and ship-ready polish. Use when implementing a new screen, flow, or capability in a mobile app.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
105 structured skills for development teams — from planning to release.
Every skill comes with step-by-step guides, flow diagrams, checklists, templates, and anti-patterns.
This repo is a native Claude Code plugin. Install individual packs directly from within Claude Code:
/install-plugin and point it to this repo, or add to your settings.json:{
"plugins": [
{ "source": "https://github.com/heaptracetechnology/heaptrace-skills", "plugin": "heaptrace-dev" },
{ "source": "https://github.com/heaptracetechnology/heaptrace-skills", "plugin": "heaptrace-architect" }
]
}
Install only the packs your team needs. Each plugin is listed in .claude-plugin/marketplace.json.
Clone and copy individual plugin skills to your tool's skills directory.
git clone https://github.com/heaptracetechnology/heaptrace-skills.git
# Copy a specific plugin's skills (e.g. developer pack)
cp -r heaptrace-skills/plugins/heaptrace-dev/skills/* your-project/.claude/skills/
# Copy all plugins at once
for plugin in heaptrace-skills/plugins/*/; do
cp -r "$plugin/skills/"* your-project/.claude/skills/
done
Path: .claude/skills/<skill-name>/SKILL.md
# Copy a specific plugin's skills
cp -r heaptrace-skills/plugins/heaptrace-dev/skills/* your-project/.cursor/skills/
Path: .cursor/skills/<skill-name>/skill.md
Skills are personal tools — don't commit them to your project repo:
echo ".claude/skills/" >> .gitignore
echo ".cursor/skills/" >> .gitignore
Skills are structured instruction files that guide AI coding assistants through specific development tasks. Instead of writing prompts from scratch, skills give consistent, battle-tested processes your entire team can follow.
Client gives a task
→ /suggest (what's missing? what can we add?)
→ /feature-plan (break it down, plan it)
→ /feature-work (build it end-to-end)
→ /code-review (catch issues before PR)
→ /smart-commit (clean commit message)
→ /release-notes (client-ready changelog)
The daily toolkit for every developer.
| Skill | What It Does |
|---|---|
feature-plan | Break requirements into tasks, mockups, and flow diagrams |
feature-work | Build end-to-end: DB → API → UI → Test |
find-fix | Trace bugs: reproduce → isolate → root cause → fix → verify |
smart-commit | Generate semantic commit messages (WHY, not WHAT) |
suggest | Spot gaps and suggest improvements clients didn't ask for |
code-review | 8-pass review: logic, security, perf, naming, tests |
test-gen | Generate tests that catch real bugs, not just pass |
explain | Understand any code before you touch it |
sec-audit | OWASP Top 10, secrets scan, dependency check |
release-notes | Turn git history into client-ready changelogs |
quick-plan | Rapid planning for small, well-scoped tasks |
quick-work | Fast execution mode for clearly defined tasks |
code-standards | Enforce and document team coding standards |
For tech leads managing teams and making architectural decisions.
| Skill | What It Does |
|---|---|
sprint-plan | Break epics into sprints with estimates and assignments |
arch-review | Audit architecture for scalability, coupling, SPOFs |
tech-debt-audit | Find and prioritize tech debt across the codebase |
incident-response | Structured triage, root cause analysis, postmortem |
pr-strategy | Split large features into reviewable PRs |
onboard-dev | Generate onboarding guide for new team members |
perf-audit | Profile slow endpoints, N+1 queries, memory leaks |
decision-doc | Write Architecture Decision Records (ADRs) |
message-craft | Craft clear technical messages and stakeholder updates |
System design, API contracts, and infrastructure planning.
npx claudepluginhub heaptracetechnology/heaptrace-skills --plugin heaptrace-mobileCompliance and security skills for HIPAA, GDPR, SOC2, PCI-DSS audits, infrastructure hardening, incident planning, and secrets management.
UI/UX designer skills for wireframing, user flows, design systems, UX audits, responsive design, accessibility, and design handoff.
QA skills for test planning, E2E testing, API testing, regression checks, bug reporting, load testing, accessibility audits, and test data generation.
Core developer skills for feature planning, code review, testing, commits, and daily development workflows.
Automation QA skills for Cypress testing, CI test pipelines, contract testing, mock services, and visual regression.
Editorial "Mobile Developer" bundle for Claude Code from Antigravity Awesome Skills.
Use this agent when developing native iOS or Android applications, implementing React Native features, or optimizing mobile performance. This agent specializes in creating smooth, native-feeling mobile experiences. Examples:\n\n<example>\nContext: Building a new mobile app\nuser: "Create a TikTok-style video feed for our app"\nassistant: "I'll build a performant video feed with smooth scrolling. Let me use the mobile-app-builder agent to implement native performance optimizations."\n<commentary>\nVideo feeds require careful mobile optimization for smooth scrolling and memory management.\n</commentary>\n</example>\n\n<example>\nContext: Implementing mobile-specific features\nuser: "Add push notifications and biometric authentication"\nassistant: "I'll implement native push notifications and Face ID/fingerprint auth. Let me use the mobile-app-builder agent to ensure proper platform integration."\n<commentary>\nNative features require platform-specific implementation and proper permissions handling.\n</commentary>\n</example>\n\n<example>\nContext: Cross-platform development\nuser: "We need this feature on both iOS and Android"\nassistant: "I'll implement it using React Native for code reuse. Let me use the mobile-app-builder agent to ensure native performance on both platforms."\n<commentary>\nCross-platform development requires balancing code reuse with platform-specific optimizations.\n</commentary>\n</example>
React Native mobile development with platform-specific optimizations
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
Agents specialized in mobile development for iOS, Android, and cross-platform applications. Focuses on native and cross-platform mobile solutions.
Complete Claude Code configs for mobile development - Android, iOS, and Kotlin Multiplatform