skills.rest
ReubenFrimpong
ReubenFrimpongCOMMUNITY
Explore all skills by this author →
Website𝕏@Reuben_TheCoderGitHub

angular-best-practices

Enforce Angular frontend guidelines for mobile-first responsive design and BEM CSS naming.

Updated Aug 23, 2026
Search Tags:#best practices#frontend#responsive design#css#angular#development guidelines
One-click install
npx skills add https://github.com/ReubenFrimpong/past-care-spring --skill angular-best-practices-reubenfrimpong
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-best-practices
Source: https://github.com/ReubenFrimpong/past-care-spring/tree/main/.claude/skills/angular-best-practices
Command: npx skills add https://github.com/ReubenFrimpong/past-care-spring --skill angular-best-practices-reubenfrimpong

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill ensures that all Angular frontend development adheres to established best practices, maintaining code quality, consistency, and a superior user experience across the PastCare application.

Core Features & Use Cases

  • Responsive Design: Guarantees all components are mobile-first and adapt seamlessly to various screen sizes.
  • Theming & Styling: Enforces a consistent color palette, border-radius hierarchy, and spacing system.
  • Form Validation: Provides a standardized pattern for handling backend field errors.
  • CSS Naming Conventions: Promotes the use of BEM for maintainable CSS.
  • Use Case: When developing a new feature, consult this Skill to ensure your components are responsive, use the correct color variables, and follow the established spacing rules.

Quick Start

Ensure all new Angular components follow the mobile-first and responsive design principles outlined in this skill.

Frequently Asked Questions about angular-best-practices

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

FAQPage Schema
How do I enforce mobile-first responsive design in Angular components?▼

To enforce mobile-first responsive design in Angular, apply standardized frontend guidelines that mandate adaptive layouts, ensuring all UI components scale seamlessly across various screen sizes.

What is the best way to handle backend form validation errors in Angular?▼

The best way to handle backend form validation errors in Angular is to implement a standardized pattern that captures and displays field-specific errors consistently across the application.

How do I maintain consistent CSS styling and spacing in an Angular application?▼

Maintain consistent CSS styling in Angular by enforcing a defined color palette, a strict border-radius hierarchy, and a standardized spacing system throughout all components.

Why use BEM CSS naming conventions for Angular frontend development?▼

Use BEM CSS naming conventions for Angular frontend development to ensure maintainable, structured stylesheets that prevent class name collisions and clearly define component relationships.

Does this Angular frontend development approach work without external dependencies?▼

Yes, these Angular frontend development guidelines operate independently without requiring external dependencies, integrating standard CSS and responsive design principles directly into your workflow.

Related Skills

Explore More Software Engineering Skills→
Legal-and-GeneralLegal-and-General
23

canopy-typography

Apply Canopy typography guidelines and CSS variables to Angular projects.

Official
Intermediate
softee-psoftee-p

rwsdk-frontend

Fix frontend layout and styling issues in RedwoodSDK applications.

Community
Advanced
Kushal9889Kushal9889

husky

Sets up Husky git hooks to automate code quality checks and testing before commits.

Community
Intermediate
LeoTechProLeoTechPro
1

tailwind-design-system

Implement design systems with Tailwind CSS theming, responsive layouts, and dark mode.

Community
Intermediate