skills.rest
Black-Sugar-21
Black-Sugar-21OFFICIAL
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/Black-Sugar-21/Public-BlackSugar21 --skill web-black-sugar-21
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
Black-Sugar-21Black-Sugar-21

blacksugar-web-development

Unify Angular 21 workflows for building, testing, and deploying BlackSugar21.

Official
Advanced
lobehublobehub
81.4k

i18n

Manage react-i18next translations and locale data in React applications.

Official
Intermediate
windyskywindysky

moai-platform-firestore

Consolidate Firestore integration patterns for real-time sync, offline caching, and security rules.

Community
Advanced
oguzhan18oguzhan18
6

angular-i18n

Extract messages and configure locales for Angular localized builds.

Community
Intermediate