global-skills

name	global-skills
description	Catalog of all specialized skills used across the FinanzApp project (Frontend & Backend).

📚 FinanzApp Global Skills Catalog

This skill serves as a central index for all architectural and development guidelines established in the FinanzApp project. Each skill defines rules and best practices that MUST be respected by the agent and developers.

Frontend Skills (FinanzApp-FrontEnd)

• accessibility: Reglas obligatorias para garantizar la accesibilidad web (A11y).
• api-communication: Mandatory rules for API communication using the central http client.
• clean-structure: Component organization and modern React principles for the FrontEnd.
• code-quality: Guidelines for clean code, readability, and the "No Comments" policy.
• css-modules: Rules for extracting CSS to .module.css files.
• e2e-testing: End-to-end testing standards using Playwright.
• integration-testing: Guidelines for cross-layer testing (Hooks + UI + Services) with MSW.
• modular-architecture: Maintaining the modular structure of the frontend.
• react-hooks: Best practices and mandatory testing for custom React hooks.
• readme-auto-sync: Mandatory automated README syncing for project structure and tests.
• responsive-design: Mobile-first and fluid layout best practices.
• skill-generator: A tool for creating new skills following the FinanzApp standard.
• test: Guidelines and E2E testing.
• test-enforcement: Mandatory rule requiring one test per file.

🛠️ Usage guidelines

1. Check before coding: Always consult the relevant skill(s) before implementing a new feature.
2. Consistency over speed: If a skill defines a pattern, follow it strictly.
3. Skill updates: When a new architectural pattern is established, update the relevant skill or create a new one using the skill-generator.