web

Build and maintain a multilingual Angular 21 web app on Firebase Hosting.

Updated Dec 1, 2025

Search Tags:#angular #i18n #multilingual #color-system #firebase-hosting #angular-standalone #csp-headers

Ready to run

npx skills add https://github.com/Black-Sugar-21/Public-BlackSugar21 --skill web-black-sugar-21

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: web
Source: https://github.com/Black-Sugar-21/Public-BlackSugar21/tree/main/.claude/skills/web
Command: npx skills add https://github.com/Black-Sugar-21/Public-BlackSugar21 --skill web-black-sugar-21

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

App web publica de BlackSugar21 — Angular 21 standalone, Firebase Hosting, paginas legales multi-idioma (es/en/pt), CSP headers, sistema de colores alineado con iOS. Usar cuando se trabaje con el sitio web, paginas legales, deployment a Firebase Hosting, estilos CSS o internacionalizacion.

Core Features & Use Cases

Soporte multilingüe (es/en/pt) para páginas legales y contenido del sitio
Componentes standalone de Angular 21 con herramientas modernas
Cabeceras CSP seguras y un sistema de colores alineado con iOS
Flujo de despliegue hacia Firebase Hosting y configuración de hosting
Documentación y prácticas para CI/CD y mantenimiento

Quick Start

Instala las dependencias, ejecuta el servidor de desarrollo y despliega a Firebase Hosting.

Frequently Asked Questions about web

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

FAQPage Schema

How do I set up a multilingual Angular site with es/en/pt support?▼

A multilingual Angular site uses Angular 21 standalone components and a translation service for i18n to provide es/en/pt language support. This setup handles legal pages and site content by switching locales dynamically.

What's the best way to deploy an Angular standalone app to Firebase Hosting?▼

The best way to deploy an Angular standalone app to Firebase Hosting is through a dedicated deployment workflow that configures Firebase Hosting settings. This integrates the Angular 21 build with secure CSP headers for production delivery.

How do I configure secure CSP headers for an Angular web app?▼

Configuring secure CSP headers involves defining security-conscious content security policy rules within the Firebase Hosting setup. This protects the Angular web app by restricting resource loading and mitigating injection vulnerabilities.

Can I align my web app CSS color system with iOS design standards?▼

Yes, you can align a web app CSS color system with iOS by implementing a dedicated color system within the Angular application. This provides visual consistency with iOS design standards through custom CSS styling.

Does this multilingual Angular setup support CI/CD and maintenance documentation?▼

Yes, the multilingual Angular setup includes documentation and practices for CI/CD and maintenance. This supports continuous integration, deployment workflows, and ongoing upkeep of the Firebase-hosted web application.