Skills
.Work. You
Rest

angular-best-practices

Community

Enforce Angular frontend development standards.

Software Engineering#best practices#frontend#responsive design#css#angular#development guidelines
AuthorReubenFrimpong
Version1.0.0
Installs0

System Documentation

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.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: angular-best-practices
Download link: https://github.com/ReubenFrimpong/past-care-spring/archive/main.zip#angular-best-practices

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.