·ui-design

Expert UI design and visual design guidance for design systems, typography, color theory, layout, spacing, iconography, and component visual design. Use when designing interfaces, creating visual hierarchies, choosing colors, defining typography scales, creating design tokens, working with Figma, or building cohesive visual systems. Includes brand application and design-to-dev handoff.

3Installs·1Trend·@petrilahdelma

Installation

$npx skills add https://github.com/petrilahdelma/digitaltableteur --skill ui-design

SKILL.md

Concept: All spacing uses multiples of 8px for visual consistency

Remember: Consistency and accessibility are non-negotiable. Always test designs with real users and assistive technologies.

Expert UI design and visual design guidance for design systems, typography, color theory, layout, spacing, iconography, and component visual design. Use when designing interfaces, creating visual hierarchies, choosing colors, defining typography scales, creating design tokens, working with Figma, or building cohesive visual systems. Includes brand application and design-to-dev handoff. Source: petrilahdelma/digitaltableteur.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/petrilahdelma/digitaltableteur --skill ui-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/petrilahdelma/digitaltableteur --skill ui-design
Category
*Creative Media
Verified
First Seen
2026-02-01
Updated
2026-02-18

Quick answers

What is ui-design?

Expert UI design and visual design guidance for design systems, typography, color theory, layout, spacing, iconography, and component visual design. Use when designing interfaces, creating visual hierarchies, choosing colors, defining typography scales, creating design tokens, working with Figma, or building cohesive visual systems. Includes brand application and design-to-dev handoff. Source: petrilahdelma/digitaltableteur.

How do I install ui-design?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/petrilahdelma/digitaltableteur --skill ui-design Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/petrilahdelma/digitaltableteur

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-01

Related Skills