Skills
.Work. You
Rest

n8n:design-system

Community

Streamline frontend development with Design System guidelines.

Software Engineering#design system#frontend development#UI consistency#style guidelines#Vue components
AuthorRub-git
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidelines for using Design System styles and components, ensuring consistency and efficiency in frontend development.

Core Features & Use Cases

  • Design System Integration: Offers guidelines for integrating and using Design System components in .vue files.
  • Component Architecture: Assists in adding new components and refactoring styles for Vue components.
  • UI Development: Supports the implementation of new UI components or features and reviewing UI changes.
  • Use Case: When developing a new feature in the frontend, this Skill helps ensure adherence to the Design System, improving consistency and maintainability.

Quick Start

Apply the n8n:design-system Skill to your .vue files in packages/frontend to maintain UI consistency.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 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: n8n:design-system
Download link: https://github.com/Rub-git/n8n-auto/archive/main.zip#n8n-design-system

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.