skills.rest
equinor
equinorOFFICIAL
Explore all skills by this author →
WebsiteGitHub

fusion-developer-app

Generate React code and module configuration for Fusion Framework apps.

1|Updated Feb 18, 2026
Search Tags:#react#styled-components#eds#feature-development#module-configuration#ag-charts#fusion-framework
One-click install
npx skills add https://github.com/equinor/fusion-skills --skill fusion-developer-app
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fusion-developer-app
Source: https://github.com/equinor/fusion-skills/tree/main/skills/fusion-developer-app
Command: npx skills add https://github.com/equinor/fusion-skills --skill fusion-developer-app

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

Helps developers avoid guesswork and inconsistent implementations when building features inside Fusion Framework React apps by providing a repeatable, project-aware workflow that chooses the correct framework surface, wiring, and styling conventions before writing code.

Core Features & Use Cases

  • Project discovery: Inspect package.json, tsconfig, app.config.ts, and src layout to adapt to repository-specific conventions.
  • Implementation planning: Break work into files, map changes to layers (components/hooks/api/types), and advise on routing, module configuration, and HTTP clients.
  • Opinionated conventions: Enforce styled-components + EDS patterns, useFusion hooks, React Query patterns, AG Grid/AG Charts guidance, and delegate research to fusion-research when needed.
  • Helper agents & checklists: Includes dedicated review agents, decision matrices, and post-generation checklists to validate typechecking, linting, accessibility, and release constraints.

Quick Start

Create a new component, hook, and config changes for my Fusion app that follow EDS and styled-components patterns and register any required HTTP clients.

Frequently Asked Questions about fusion-developer-app

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new React component for a Fusion Framework app using styled-components and EDS?▼

It inspects your project configuration and produces scaffolded source files with styled-components and EDS styling, ensuring the new React component integrates correctly with Fusion Framework conventions.

What's the best way to configure Fusion Framework modules and HTTP clients during feature development?▼

This Skill plans the implementation by mapping changes to routing and module configuration layers, advising on HTTP client wiring and React Query patterns to ensure correct Fusion Framework module setup.

Can I use AG Charts and AG Grid with React Query inside Fusion Framework applications?▼

This Skill provides opinionated conventions for AG Charts and AG Grid integration alongside React Query patterns, ensuring feature components inside Fusion Framework applications follow correct data fetching and visualization practices.

Does this feature development workflow support type checking and linting for Fusion React apps?▼

It ensures generated Fusion React app code is type-checked and lintable by applying dedicated review agents and post-generation checklists that validate typechecking, linting, and accessibility constraints.

When should I delegate Fusion Framework research instead of generating code directly?▼

Delegate research to fusion-research when you need deeper framework exploration, whereas this Skill focuses on generating concrete React code, module configurations, and styled-components for known Fusion Framework features.

Related Skills

Explore More Software Engineering Skills→
equinorequinor
1

fusion-app-react-dev

Guide feature development and module configuration in Fusion Framework React apps.

Official
Basic
skatedduskateddu
27

django-verification

Automate Django project verification with migrations, linting, tests, and security scans.

Community
Advanced
equinorequinor
1

fusion-help-integration

Wire useHelpCenter into PageLayout to open contextual Fusion Help Center articles.

Official
Intermediate
nrwlnrwl
1.4k

nx-generate

Generate libraries, applications, or boilerplate using Nx generators.

Official
Intermediate