Generate a UI component scaffold in the codebase's actual style. Reads dragoon.json to match framework (react/vue/svelte), styling layer (tailwind/css-modules/plain), language (typescript/javascript), and design tokens (radius, spacing, palette). Defaults to dry-run preview; pass --apply to write files. Use when the user wants to create a new component, scaffold UI primitives, or add a component to their codebase. Run as node ~/.claude/skills/dragoon/skills/component/scripts/component.js .
EnglishVideo-based visual debugging — extract key frames from screen recordings and analyze UI bugs over time. Detects animation glitches, race conditions, gesture issues, scroll jank, keyboard overlap, and navigation transitions that screenshots cannot capture.
EnglishERNE — Implement animations using the ui-designer agent with Reanimated and Gesture…
EnglishERNE — Validate and submit app builds using parallel expo-config-resolver and code-reviewer…
EnglishInitialize ERNE — the AI agent harness for React Native & Expo projects. Sets up 13 specialized agents, hook-based code quality enforcement, MCP server integrations, and a visual dashboard. Triggers on "set up erne", "initialize erne", "install erne", "configure agents", "add erne to project", or any first-time ERNE setup request. Always use this skill when the user wants to set up ERNE, even if they don't say "init" explicitly.
EnglishERNE — Manual skill generation — runs continuous-learning-v2 scripts to extract patterns from…
EnglishERNE — Create native modules with sequential native-bridge-builder then code-reviewer…
EnglishERNE — Run a full multi-agent pipeline from plan to validation using the pipeline-orchestrator…
EnglishERNE — Session analysis — runs the session evaluator to review work quality and suggest…
EnglishERNE — Version migration for Expo SDK and React Native using the upgrade-assistant…
EnglishERNE — Autonomous ticket execution — polls a provider, picks up ready tickets, and runs the full ERNE pipeline (validate, plan, code, test, review, PR).
EnglishTDD-first feature development — crystallise API as a demo test, drive implementation to pass it, run quality stack and progressive review loop.
EnglishApple HIG design intelligence — build, review, animate, and analyze with Apple Human Interface Guidelines for React…
English
AGENT SKILLS ATLASIncludes Debug Video, Debug Visual, Erne Animate, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Component
Generate a UI component scaffold in the codebase's actual style. Reads dragoon.json to match framework (react/vue/svelte), styling layer (tailwind/css-modules/plain), language (typescript/javascript), and design tokens (radius, spacing, palette). Defaults to dry-run preview; pass --apply to write files. Use when the user wants to create a new component, scaffold UI primitives, or add a component to their codebase. Run as node ~/.claude/skills/dragoon/skills/component/scripts/component.js .
Debug Video
Video-based visual debugging — extract key frames from screen recordings and analyze UI bugs over time. Detects animation glitches, race conditions, gesture issues, scroll jank, keyboard overlap, and navigation transitions that screenshots cannot capture.
Debug Visual
Screenshot-based visual debugging using the visual-debugger agent
Erne Animate
ERNE — Implement animations using the ui-designer agent with Reanimated and Gesture Handler
Erne Build Fix
ERNE — Diagnose and fix build failures using the expo-config-resolver agent
Erne Code
ERNE — Implement features using the senior-developer agent
Erne Code Review
ERNE — Comprehensive code review combining code quality and performance analysis
Erne Component
ERNE — Design and test UI components using parallel ui-designer and tdd-guide agents
Erne Debug Visual
ERNE — Screenshot-based visual debugging using the visual-debugger agent
Erne Deploy
ERNE — Validate and submit app builds using parallel expo-config-resolver and code-reviewer agents
Erne Feature
ERNE — Build a focused feature unit using the feature-builder agent
Erne Init
Initialize ERNE — the AI agent harness for React Native & Expo projects. Sets up 13 specialized agents, hook-based code quality enforcement, MCP server integrations, and a visual dashboard. Triggers on "set up erne", "initialize erne", "install erne", "configure agents", "add erne to project", or any first-time ERNE setup request. Always use this skill when the user wants to set up ERNE, even if they don't say "init" explicitly.
Erne Learn
ERNE — Manual skill generation — runs continuous-learning-v2 scripts to extract patterns from session
Erne Native Module
ERNE — Create native modules with sequential native-bridge-builder then code-reviewer agents
Erne Navigate
ERNE — Design navigation architecture using the architect agent
Erne Orchestrate
ERNE — Run a full multi-agent pipeline from plan to validation using the pipeline-orchestrator agent
Erne Perf
ERNE — Performance profiling and optimization using the performance-profiler agent
Erne Plan
ERNE — Design feature architecture using the architect agent
Erne Retrospective
ERNE — Session analysis — runs the session evaluator to review work quality and suggest improvements
Erne TDD
ERNE — Test-driven development workflow with Jest and React Native Testing Library
Erne Upgrade
ERNE — Version migration for Expo SDK and React Native using the upgrade-assistant agent
Erne Worker
ERNE — Autonomous ticket execution — polls a provider, picks up ready tickets, and runs the full ERNE pipeline (validate, plan, code, test, review, PR).
Feature
TDD-first feature development — crystallise API as a demo test, drive implementation to pass it, run quality stack and progressive review loop.
Hig
Apple HIG design intelligence — build, review, animate, and analyze with Apple Human Interface Guidelines for React Native/Expo
Showing 24 of 34 skills. Use the list’s page controls above to explore the rest.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Component skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.