Guidelines on using Design System styles and components. Use when working on .vue files in packages/frontend. Triggers for tasks that include component architecture, styling, UI changes, or feature work.
Design System Comprehensive guide for building, styling, and using components in the frontend. When to Apply Reference these guidelines when: Working on files in Adding new components to Refactoring styles for Vue components Implementing new UI components or features Reviewing changes to UI Rules Follow guidelines in ALWAYS use CSS variables for styles from or . Use hard coded values only when no suitable tokens. ALWAYS prefer using existing components from . Prefer components that aren't…
Full body not shown for this license – view the source on GitHub →Copy a source-pinned command for your client. You run it yourself.
Destination: .claude/skills/design-system · pinned to the source commit
git clone https://github.com/n8n-io/n8n.git
cd n8n
git checkout b4d91bfe8a293106815b308a841e210562002735
mkdir -p ".claude/skills/design-system"
cp -r ".agents/skills/design-system" ".claude/skills/design-system"Review the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.
Scanner static-checks@0.1.0 · commit b4d91bfe8a29. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.
No static rules matched. This is not a safety guarantee.