Skills
.Work. You
Rest

frontend-ui-ux-design

Community

Build consistent Budget Buddy UI components.

Design & Creative#accessibility#react#ui-design#design-system#bootstrap#component-patterns
Authorfedickinson
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a concise, shared reference for building Budget Buddy UI components that align with the design system, ensuring consistency across the product.

Core Features & Use Cases

  • Design system-guided component templates and patterns.
  • Accessibility and responsive layout guidance with practical examples.
  • Real-world use cases demonstrating how to implement common components in Budget Buddy.

Quick Start

Create a new React component following the provided templates and design tokens, then apply the component styles and Bootstrap patterns.

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: frontend-ui-ux-design
Download link: https://github.com/fedickinson/budget-buddy-2/archive/main.zip#frontend-ui-ux-design

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