Skills
.Work. You
Rest

yukyu-frontend-design-pro

Community

Distinctive, production-ready frontend interfaces.

Design & Creative#design#frontend#design-system#apexcharts#vanilla-js#chartjs
Authorjokken79
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Solves the challenge of creating distinctive, production-ready frontend interfaces for YuKyuDATA applications.

Core Features & Use Cases

  • Modular UI components and dashboards built with vanilla JS ES6+ modules, CSS design tokens, Chart.js, and ApexCharts.
  • Encourages a design-system-driven approach for consistent visuals, responsive layouts, and scalable architecture.
  • Real-world use case: rapidly spin up a YuKyuDATA dashboard with interactive charts and reusable components that align with brand tokens.

Quick Start

Generate a production-ready frontend dashboard module using vanilla JS ES6+ classes, Chart.js, and ApexCharts, following the YuKyu design system.

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: yukyu-frontend-design-pro
Download link: https://github.com/jokken79/YuKyuDATA-app1.0v/archive/main.zip#yukyu-frontend-design-pro

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.