{
  "id": "page:docs-reference-repos-callstackincubator-agent-skills-research",
  "_kind": "Page",
  "_file": "wiki/docs/reference-repos/callstackincubator/agent-skills/research.md",
  "_cluster": "wiki",
  "attributes": {
    "nodeKind": "Page",
    "sourcePath": "docs/reference-repos/callstackincubator/agent-skills/research.md",
    "sourceKind": "repo-docs",
    "title": "callstackincubator/agent-skills",
    "displayName": "callstackincubator/agent-skills",
    "slug": "docs/reference-repos/callstackincubator/agent-skills/research",
    "articlePath": "wiki/docs/reference-repos/callstackincubator/agent-skills/research.md",
    "article": "\n# callstackincubator/agent-skills\n\n- **Archetype**: domain-skill-pack\n- **Stars**: 1,230\n- **Last pushed**: 2026-04-12\n- **License**: MIT\n- **Discovered**: 2026-04-12\n- **Skills found**: 10\n\n## Summary\nAgent-optimized React Native skills from Callstack (a leading React Native consulting firm). 10 skills organized across source skills/ (5 public), plugins/vendored/ (5 internal), and .claude/skills/ (1 meta-skill). Covers React Native best practices (performance optimization with impact ratings), brownfield migration, upgrading React Native, GitHub Actions, GitHub workflows, device testing, and Vercel integration. The react-native-best-practices skill is particularly deep -- an optimization guide structured as Quick Pattern/Command/Config/Reference + Deep Dive per topic, with CRITICAL/HIGH/MEDIUM impact ratings and a six-priority optimization hierarchy.\n\n## Assessment\nHIGH VALUE for domain specialization. The react-native-best-practices skill demonstrates expert-level encoding of performance optimization knowledge: FPS/re-renders (CRITICAL) -> bundle size (CRITICAL) -> TTI (HIGH) -> native performance (HIGH) -> memory management (MEDIUM-HIGH) -> animations (MEDIUM). The hybrid format (Quick Pattern for fast lookup + Deep Dive for full context) is a reusable skill structure pattern. The impact ratings with priority ordering provide a triage framework. The brownfield migration and upgrading skills represent procedural workflows for complex multi-step operations. Authoritative source (Callstack is a recognized React Native expert firm).\n\n## Extraction Priority\n- High\n- Rationale: Authoritative domain expertise from a recognized React Native consultancy. The performance optimization priority hierarchy, impact ratings, and hybrid skill format (quick reference + deep dive) are directly transferable patterns. Brownfield migration and upgrading are complex multi-step processes ideal for babysitter orchestration.\n\n## Processes\n- **React Native Performance Optimization**: Measure -> identify category (FPS/bundle/TTI/native/memory/animations) -> apply priority-ordered fixes with impact ratings -> re-measure -> validate. An iterative convergence process with triage.\n- **React Native Brownfield Migration**: Integrate React Native into existing native app with incremental adoption steps. A multi-phase migration process.\n- **React Native Upgrade Process**: Version upgrade with dependency resolution, breaking change handling, and testing. A complex multi-step process with rollback gates.\n- **Validate Skills Meta-Process**: .claude/skills/validate-skills/ -- a meta-skill for validating other skills in the collection. Quality assurance for skill content.\n\n## Plugin Ideas\n- **React Native Expert plugin**: Install.md-driven plugin with performance optimization skills, impact-rated guidelines, and the Quick Pattern + Deep Dive format. Includes profiling commands and configuration snippets.\n- **Performance Triage Framework plugin**: A generic performance optimization plugin template with customizable categories, impact ratings (CRITICAL/HIGH/MEDIUM), and measure-optimize-remeasure cycle. Adaptable to any framework, not just React Native.\n\n## Patterns\n- **Impact-rated priority hierarchy**: Six categories ordered by impact, each with CRITICAL/HIGH/MEDIUM ratings. Provides clear triage guidance -- \"fix CRITICAL first, then HIGH.\"\n- **Hybrid skill format**: Quick Pattern (code snippets) + Quick Command (shell) + Quick Config (configuration) + Quick Reference (summary tables) + Deep Dive (full context with prerequisites, step-by-step, common pitfalls). Serves both quick lookup and deep learning needs.\n- **Measure-optimize-remeasure cycle**: Explicit measurement requirement before and after optimization. Prevents subjective assessment of improvement.\n- **Security notes in skill files**: Explicit security guidance for shell commands, third-party dependencies, and remote code loading within skill documentation. A responsible disclosure pattern.\n- **Vendored plugins**: plugins/vendored/ directory for internal/pre-release skills separate from public skills/. Clean separation of public and internal skill content.\n- **Meta-skill for validation**: A skill whose purpose is validating other skills in the collection. Self-referential quality assurance.\n\n## Library Mapping\n\n| Extractable Process | Library Status | Action | Existing Path | Target Placement |\n|-------------------|----------------|--------|---------------|------------------|\n| React Native Performance Optimization | NEW | Priority-ordered performance optimization with impact ratings and measurement cycle | - | specializations/mobile/react-native-performance-optimization.js |\n| React Native Brownfield Migration | NEW | Incremental React Native integration into existing native apps | - | specializations/mobile/react-native-brownfield-migration.js |\n| React Native Upgrade Process | NEW | Version upgrade with dependency resolution and breaking change handling | - | specializations/mobile/react-native-upgrade-process.js |\n| Performance Triage Framework | NEW | Generic performance optimization with impact-rated categories and measurement cycle | - | specializations/shared/performance-triage-framework.js |\n| Hybrid Skill Format Design | NEW | Quick reference + deep dive skill structure pattern | - | specializations/shared/hybrid-skill-format-design.js |\n| Impact-Rated Priority Hierarchy | NEW | CRITICAL/HIGH/MEDIUM impact rating system for optimization tasks | - | specializations/shared/impact-rated-priority-hierarchy.js |\n| Measure-Optimize-Remeasure Cycle | NEW | Data-driven optimization workflow with before/after measurement | - | specializations/shared/measure-optimize-remeasure-cycle.js |\n| Skills Validation Meta-Process | NEW | Quality assurance for skill collection content and format | - | methodologies/skills-validation/ |\n| Mobile CI/CD with GitHub Actions | NEW | React Native CI/CD pipeline optimization and automation | - | specializations/mobile/mobile-cicd-github-actions.js |\n| Device Testing Automation | NEW | Automated testing across mobile device configurations | - | specializations/mobile/device-testing-automation.js |\n\n## Plugin Marketplace Mapping\n\n| Plugin Idea | Marketplace Status | Action | Existing Plugin | Target Placement |\n|-------------|-------------------|--------|-----------------|------------------|\n| React Native Profiler Integration | NEW | Metro bundler analysis, Flipper integration, and performance monitoring tools | - | plugins/a5c/marketplace/blueprints/react-native-profiler-integration/ |\n| Performance Triage Framework | NEW | Generic performance optimization with customizable categories and impact ratings | - | plugins/a5c/marketplace/blueprints/performance-triage-framework/ |\n",
    "documents": []
  },
  "outgoingEdges": [],
  "incomingEdges": [
    {
      "from": "page:docs-reference-repos",
      "to": "page:docs-reference-repos-callstackincubator-agent-skills-research",
      "kind": "contains_page"
    }
  ]
}