n26-ui-skills
CommunityBuild N26-style interfaces.
Authorihlamury
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides opinionated constraints and guidelines for building user interfaces that are visually consistent with the N26 brand aesthetic, focusing on dark mode, specific typography, and spacing.
Core Features & Use Cases
- Dark Mode Implementation: Enforces dark backgrounds and appropriate text contrast.
- Consistent Branding: Ensures the use of N26's primary font (
Inter), color palette, and spacing system (4px grid). - Use Case: When developing a new feature for a banking application that needs to align with N26's established design language, this Skill will guide the AI to apply the correct colors, fonts, and spacing to maintain brand consistency.
Quick Start
Apply the n26-ui-skills to ensure the interface uses dark mode, Inter font, and a 4px grid.
Dependency Matrix
Required Modules
None requiredComponents
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: n26-ui-skills Download link: https://github.com/ihlamury/design-skills/archive/main.zip#n26-ui-skills Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.