ember-best-practices

What it does

This skill provides AI agents with the ability to adhere to established Ember.js development standards and community conventions. It ensures code generation aligns with the framework's specific architecture, routing patterns, and component lifecycle management rules.

When to use it

• Generating new route handlers that correctly utilize @ember/routing and handle dynamic segments.
• Creating template components that follow the official Ember Data model bindings and store integration patterns.
• Refactoring legacy JavaScript code into modern TypeScript while maintaining compatibility with the Ember CLI build process.
• Writing service classes or controllers that properly inject dependencies using the Ember dependency injection system.

Key capabilities

• Enforces strict adherence to the Ember Octane upgrade path and modern syntax.
• Validates component lifecycle hooks (didInsertElement, willDestroyElement) against current best practices.
• Ensures correct usage of Glimmer components, including template-only components and inline helpers.
• Applies proper error handling strategies specific to the Ember router and AJAX requests.

Example prompts

• "Create a new route for /users/:id that fetches user data using Ember Data and displays it in a template."
• "Refactor this legacy controller to use modern Glimmer components with computed properties."
• "Generate a service class to manage global application state using the recommended dependency injection pattern."

Tips & gotchas

Ensure your development environment has the latest versions of ember-cli and related addons installed before relying on this skill, as best practices evolve rapidly. Always verify that generated code passes automated linting tools like ember-cli-eslint or ember-template-lint to catch any deviations from community standards.