frontend-design

Name: frontend-design
Availability: InStock
Author: BenjaminReder

Generate production-ready frontend components following the PferdeWert design system.

Updated Aug 23, 2026

Search Tags:#design-system #ui-components #frontend-design #brand-standards #lato #playfair

One-click install

npx skills add https://github.com/benjaminreder/pferdewert --skill frontend-design-benjaminreder

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: frontend-design
Source: https://github.com/benjaminreder/pferdewert/tree/main/.claude/skills/frontend-design
Command: npx skills add https://github.com/benjaminreder/pferdewert --skill frontend-design-benjaminreder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Erzeugt produktionsreife Frontend-Komponenten unter dem PferdeWert Design-System.

Core Features & Use Cases

Brand-Driven UI: Farben, Typografie, Layouts gemäß Brand.
Pattern-Components: Cards, Section Containers, Trust Indicators.
Fast Refresh Rules: Icons module-level, keine Inline-JSX.
Design Compliance: Playfair/Lato, 50-60 char Title, etc.

Quick Start

Nutze das Design-System, um eine neue Komponente zu erstellen.