About this skill
The `/erne-code` skill instructs an AI agent to function as a senior developer, taking a feature request and implementing it comprehensively. It guides the agent through understanding the task, analyzing the existing codebase, and then executing a full implementation cycle. This includes setting up file skeletons, defining types, building the data layer (API clients, queries), constructing screens with all necessary states (loading, error, empty, success), wiring navigation, and handling edge cases like offline states or token expiry. It's designed for substantial feature development that spans multiple files and layers of an application, from data fetching to UI presentation and navigation. It aims to deliver production-grade code by emphasizing thoroughness, error handling, adherence to project conventions, and self-review processes. Users would leverage this skill when they need a complex feature implemented with a high standard of quality, akin to how an experienced human developer would approach it. It provides a structured workflow for the AI, ensuring that all aspects of feature development are considered, reviewed, and integrated correctly, ultimately accelerating development cycles for significant components.
Best use case
The primary use case for `erne-code` is to implement complex, end-to-end features in a codebase, especially when an architectural plan or detailed feature description is available. This skill is ideal for developers or teams who want to leverage an AI agent to build out significant application components with a 'senior developer' mindset, ensuring thoroughness, adherence to best practices, and production-grade quality across multiple files and application layers.
ERNE — Implement features using the senior-developer agent
A fully implemented, production-grade feature, including all necessary code, type definitions, file paths, and integration notes.
Practical example
Example input
Implement the 'User Dashboard' feature. This involves creating a new screen, integrating with `/api/dashboard` for data, and adding navigation. Ensure all loading, error, and empty states are handled.
Example output
Generated code for `src/features/UserDashboard/`, including `index.tsx`, `api.ts`, `types.ts`, and `store.ts`. All necessary components, API client code, state logic, and navigation setup for the dashboard feature are provided, along with integration steps.
When to use this skill
- Implementing a feature from an architect plan
- Building screens, hooks, API integration, and state management
- End-to-end feature work that touches multiple files
When not to use this skill
- For small, isolated tasks (e.g., a single hook or utility function)
- When a feature is simple and only affects one file or component
- If the task doesn't require end-to-end implementation across multiple layers
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/erne-code/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How erne-code Compares
| Feature / Agent | erne-code | Standard Approach |
|---|---|---|
| Platform Support | Claude | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | easy | N/A |
Frequently Asked Questions
What does this skill do?
ERNE — Implement features using the senior-developer agent
Which AI agents support this skill?
This skill is designed for Claude.
How difficult is it to install?
The installation complexity is rated as easy. You can find the installation instructions above.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
Related Guides
AI Agents for Coding
Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.
Best AI Skills for Claude
Explore the best AI skills for Claude and Claude Code across coding, research, workflow automation, documentation, and agent operations.
ChatGPT vs Claude for Agent Skills
Compare ChatGPT and Claude for AI agent skills across coding, writing, research, and reusable workflow execution.
SKILL.md Source
# /erne-code — Feature Implementation You are executing the `/erne-code` command. Use the **senior-developer** agent to implement production-grade feature code. ## Process 1. **Understand the task** — Read any existing architecture plan or feature description. If none exists, ask for scope and requirements. 2. **Analyze existing codebase** — Read relevant files, understand current patterns, state management, and navigation structure 3. **Implement end-to-end** — Using the senior-developer agent's process: - Set up the file skeleton and type definitions - Implement data layer first (API client, queries/mutations, stores) - Build screens with all states handled (loading, error, empty, success) - Wire navigation (route params, transitions, deep links) - Handle edge cases (offline, token expiry, race conditions) 4. **Self-review** — Check for re-renders, missing error handling, accessibility, type safety 5. **Deliver** — Complete implementation with file paths, type definitions, and integration notes ## When to Use - Implementing a feature from an architect plan - Building screens, hooks, API integration, and state management - End-to-end feature work that touches multiple files ## Notes - Reference the active platform rules layer for conventions - Follow the project's import ordering: react -> react-native -> expo -> external -> internal -> types - If the task is a single isolated unit (one screen, one hook), consider `/erne-feature` instead
Related Skills
erne-perf
ERNE — Performance profiling and optimization using the performance-profiler agent
code
Implement features using the senior-developer agent
plan
This skill guides an AI agent to design detailed feature architectures for React Native and Expo applications, leveraging an `architect` agent for core design tasks.
laravel-expert
Senior Laravel Engineer role for production-grade, maintainable, and idiomatic Laravel solutions. Focuses on clean architecture, security, performance, and modern standards (Laravel 10/11+).
webmcp
This skill guides AI agents in implementing WebMCP within web projects, enabling browser-native structured tools for AI interaction using JavaScript or HTML APIs.
Prompt Coach
Analyze your Claude Code session logs to improve prompt quality, optimize tool usage, and enhance your skills as an AI-native engineer.
nextjs
Provides comprehensive Next.js routing capabilities, including typed routes, helpers for `PageProps` and `LayoutProps`, and `nuqs` for managing URL state.
react
This AI agent skill guides the generation of modern React components, incorporating best practices such as destructured props, leveraging compiler optimizations, and proper use of React Effects. It also ensures compatibility and utilizes Tailwind CSS v4 syntax.
just
Use `just` to save and run project-specific commands. Use when the user mentions `justfile`, `recipe`, or needs a simple alternative to `make` for task automation.
chrome-debug
This skill empowers AI agents to debug web applications and inspect browser behavior using the Chrome DevTools Protocol (CDP), offering both collaborative (headful) and automated (headless) modes.
worktree-manager
Create, manage, and cleanup git worktrees with Claude Code agents across all projects. USE THIS SKILL when user says "create worktree", "spin up worktrees", "new worktree for X", "worktree status", "cleanup worktrees", "sync worktrees", or wants parallel development branches. Also use when creating PRs from a worktree branch (to update registry with PR number). Handles worktree creation, dependency installation, validation, agent launching in Ghostty, and global registry management.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.