ui-design-patterns
✓Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques from Refactoring UI and Practical UI.
Installation
SKILL.md
Practical guidelines for creating polished, professional user interfaces without relying on graphic design talent. These patterns work for any web project, including TYPO3 frontend development.
We highly recommend both works for deepening your UI design knowledge.
Before diving into specific patterns, internalize these foundational principles:
Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques from Refactoring UI and Practical UI. Source: dirnbauer/webconsulting-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/dirnbauer/webconsulting-skills --skill ui-design-patterns- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is ui-design-patterns?
Practical UI design patterns and principles for creating polished, professional interfaces. Based on proven techniques from Refactoring UI and Practical UI. Source: dirnbauer/webconsulting-skills.
How do I install ui-design-patterns?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dirnbauer/webconsulting-skills --skill ui-design-patterns 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/dirnbauer/webconsulting-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-01