Skills
.Work. You
Rest

frontend-guard

Community

Maintain visual and coding consistency in Sydney Liveability AI's frontend.

Software Engineering#React#TypeScript#Next.js#Tailwind CSS#Frontend#Code quality
AuthorNelkit
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps ensure that all frontend contributions adhere to Sydney Liveability AI's design system, strict TypeScript typing, and established component architecture.

Core Features & Use Cases

  • Design System Consistency: Enforces visual consistency with Tailwind usage and component spacing.
  • Code Quality: Requires strict TypeScript interfaces and keeps shared state centralized.
  • Technical Standards: Implements Turf and Leaflet coordinate conventions and API contract adherence.
  • Use Case: Refactoring a component in the frontend without altering the current design language.

Quick Start

Refactor the 'SubscriptionCard' component with frontend-guard to align with the current UI standards.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: frontend-guard
Download link: https://github.com/Nelkit/sydney-liveability-ai/archive/main.zip#frontend-guard

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 620,000+ vetted skills library on demand.