design-principles

Enforce Swiss International Style rules for UI colors, typography, and components.

Updated Dec 19, 2025
One-click install
npx skills add https://github.com/ananthapallivignesh200567/Capstone-Project --skill design-principles-ananthapallivignesh200567
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-principles
Source: https://github.com/ananthapallivignesh200567/Capstone-Project/tree/main/.claude/skills/design-principles
Command: npx skills add https://github.com/ananthapallivignesh200567/Capstone-Project --skill design-principles-ananthapallivignesh200567

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that all UI components and styles adhere to the strict guidelines of the Swiss International Style, preventing design inconsistencies and maintaining a clean, functional aesthetic.

Core Features & Use Cases

  • Style Enforcement: Applies specific rules for colors, typography, and component design.
  • Component Patterns: Provides ready-to-use patterns for buttons, cards, and labels.
  • Use Case: When creating a new user profile card, use this Skill to ensure it follows the Swiss design system's rules for shadows, borders, and typography.

Quick Start

Apply the Swiss International Style design principles to the new button component.

Frequently Asked Questions about design-principles

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply Swiss International Style to UI components?

Apply Swiss International Style to UI components by enforcing defined color palettes, typography rules, and component patterns for buttons and cards. This Skill maintains clean, functional aesthetic consistency across new and existing user interface elements.

What are the Swiss style typography rules for user interface design?

Swiss style typography rules for UI design enforce clean, functional aesthetics. This Skill applies specific typography guidelines, preventing design inconsistencies and maintaining strict visual hierarchy across user profile cards and other interface components.

Can I use this Swiss style guide for modifying existing UI components?

Yes, you can use this Swiss style guide for modifying existing UI components. It enforces defined anti-patterns and retro terminal elements for specific UI chrome, ensuring style consistency whether you are creating new interface elements or updating current ones.

Does this component design Skill provide patterns for user profile cards?

Yes, this component design Skill provides ready-to-use patterns for user profile cards. It enforces specific rules for shadows, borders, and typography, ensuring the component follows the Swiss design system guidelines for visual consistency.

When do I need to enforce anti-patterns in Swiss style UI design?

You need to enforce anti-patterns in Swiss style UI design when creating specific UI chrome elements. This Skill requires adherence to defined anti-patterns and retro terminal elements to maintain strict design consistency and prevent unintended visual deviations.