Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Plugins: lowercase with hyphens (e.g., gs, flux-react, kubernetes-react)
Exports: Components exported with GS prefix for Giant Swarm customizations
File Structure:
Components organized by feature/domain in subdirectories
Each component directory typically contains: component file, index.ts, and sometimes tests
Hooks in hooks/ subdirectories
Utilities in utils/ subdirectories
Testing
Unit Tests: Jest with .test.ts or .test.tsx naming convention
E2E Tests: Playwright tests in e2e-tests/ directories
Test Commands:
yarn test - Run tests
yarn test:all - Run tests with coverage
yarn test:e2e - Run Playwright E2E tests
Coverage: Reports generated in coverage/ directory
Test Files: Located alongside source files or in setupTests.ts files
Code Quality & Linting
Linting: ESLint with Backstage configuration
Formatting: Prettier (Backstage config)
Lint Commands:
yarn lint - Lint changed files since origin/main
yarn lint:all - Lint all files
yarn fix - Auto-fix linting issues
Pre-commit: lint-staged configured for automatic linting/formatting
Type Checking:
yarn tsc - Type check with incremental mode
yarn tsc:full - Full type check without skipping lib checks
Build & Deployment
Build Commands:
yarn build:all - Build all packages
yarn build:backend - Build backend only
yarn build:backend-headless-service - Build headless service
Docker: Backend Dockerfile in packages/backend/Dockerfile
Helm: Charts in helm/backstage/ directory
CI/CD: CircleCI configuration (see .circleci/config.yml)
Release Process: Two axes. The app (image + Helm chart) is released automatically by git-cliff from conventional-commit PR titles on merge to main; the @giantswarm/backstage-plugin-* packages are published to npm via Changesets (add a .changeset/*.md entry).
Dependencies & Patches
Backstage Packages: Uses backstage:^ version specifier (managed by Backstage CLI)
Patch Package: Uses patch-package for dependency patches (applied in postinstall)
Resolutions: Custom resolutions for React types, CodeMirror versions, and other dependencies
Dependency Updates: Renovate configured with grouped updates for Backstage packages