blacksugar-web-development

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

Updated Dec 1, 2025
One-click install
npx skills add https://github.com/Black-Sugar-21/Public-BlackSugar21 --skill blacksugar-web-development-black-sugar-21
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blacksugar-web-development
Source: https://github.com/Black-Sugar-21/Public-BlackSugar21/tree/main/.github/skills/blacksugar-web
Command: npx skills add https://github.com/Black-Sugar-21/Public-BlackSugar21 --skill blacksugar-web-development-black-sugar-21

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides comprehensive guidance, patterns, and workflows for building, testing, and deploying the BlackSugar21 Angular web application using Angular 21, TypeScript, RxJS, and Firebase, consolidating best practices into a single reference.

Core Features & Use Cases

  • Standalone component patterns and Angular 21 best practices for scalable UI
  • Firebase Hosting/Firestore integration, admin scripts, and testing workflows
  • Deployment automation and data population utilities for development and production

Quick Start

Load the BlackSugar21 web development skill and begin with the documented setup.

Frequently Asked Questions about blacksugar-web-development

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

FAQPage Schema
How do I deploy an Angular application to Firebase Hosting using GitHub Actions?

You can deploy an Angular application to Firebase Hosting using GitHub Actions by utilizing deployment automation workflows that build the project and push it to production environments. This skill provides the necessary CI/CD patterns and scripts.

What are the best practices for building standalone components in Angular 21?

Building standalone components in Angular 21 involves using specific TypeScript and RxJS patterns for scalable UI architecture. This skill provides consolidated guidance and structural patterns for implementing standalone components effectively.

How do I populate test data in Firestore for an Angular development environment?

You populate test data in Firestore for an Angular environment by running dedicated admin scripts and data population utilities. This skill includes workflows for populating test data across local and staging environments.

Can I use this workflow for both local development and production staging?

Yes, you can use this workflow for both local development and production staging. It unifies web development workflows across local, staging, and production environments to manage testing and deployment comprehensively.

Does this skill require specific Firebase tools for Firestore and Hosting integration?

Yes, this skill requires Firebase tools for Firestore and Hosting integration to manage database operations and deployment. It provides specific admin scripts and testing workflows designed for these Firebase services.

Why do my Angular 21 testing scripts fail during the build process?

Angular 21 testing scripts may fail during the build process if standalone components or RxJS patterns are not configured correctly. This skill addresses these issues by providing standardized testing workflows and build patterns.