skills.rest
openstatusHQ
openstatusHQOFFICIAL
Explore all skills by this author →
Website𝕏@OpenStatusHQGitHub

emil-design-eng

Encode Emil Kowalski's UI design philosophy into actionable interface guidelines.

2.2k|128|Updated Aug 28, 2024
Search Tags:#design#animation#design-philosophy#component-design#review-guidelines#ui-polish#sonner
One-click install
npx skills add https://github.com/openstatusHQ/data-table-filters --skill emil-design-eng-openstatushq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: emil-design-eng
Source: https://github.com/openstatusHQ/data-table-filters/tree/main/.agents/skills/emil-design-eng
Command: npx skills add https://github.com/openstatusHQ/data-table-filters --skill emil-design-eng-openstatushq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Emil Kowalski's philosophy on UI polish, thoughtful component design, and refined interactions is codified to help teams create interfaces that feel polished, cohesive, and delightful.

Core Features & Use Cases

  • Design philosophy: emphasizes taste as a trained instinct, invisible details that elevate UX, and consistent motion and interaction patterns.
  • Guidance for teams: provides review formats, building principles, and decision frameworks to align designers and developers.
  • Use Case: when evaluating a new component (e.g., a modal or button), apply Sonner-inspired principles to ensure consistent visuals, accessible interactions, and subtle, purposeful animations.

Quick Start

Provide a concise UI critique and refactor plan for a new component using Emil Kowalski's design philosophy.

Frequently Asked Questions about emil-design-eng

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

FAQPage Schema
What is UI polish and how does it improve web component design?▼

UI polish in component design focuses on invisible details like consistent interaction patterns and purposeful animation to elevate UX, ensuring interfaces feel cohesive and delightful rather than purely functional.

How do I review a new component for interface polish and animation consistency?▼

Review a new component by applying design philosophy guidelines that evaluate consistent visuals, accessible interactions, and subtle purposeful animations, ensuring the interface meets refined interaction standards.

Can I use Sonner-inspired design principles for modal and button UI reviews?▼

Yes, you can apply Sonner-inspired principles during component design sessions to evaluate modals or buttons, ensuring consistent visual polish, accessible interaction patterns, and refined motion design.

What's the best way to align developers and designers on web interface animation decisions?▼

Align developers and designers by applying structured design philosophy guidelines, review formats, and decision frameworks that enforce consistent motion patterns and thoughtful interaction design across web interfaces.

Does this design philosophy approach work for teams without a dedicated UI review process?▼

Yes, it provides structured review formats and building principles that help teams without an existing UI review process establish consistent design standards, decision frameworks, and interaction guidelines.

Related Skills

Explore More Design & Creative Skills→
Manish-Let-It-BeManish-Let-It-Be
1

stitch-design-taste

Generate Google Stitch design system specifications covering UI philosophy, color, typography, and interaction guidelines.

Community
Advanced
runkidsrunkids
11

ui-skills

Enforce UI constraints for accessible interfaces using Tailwind defaults and project primitives.

Community
Basic
wpgauravwpgaurav
14

modern-frontend-design

Transform prompts into premium UI blueprints for React/Next.js SaaS frontends.

Community
Advanced
AhmedElhadareyAhmedElhadarey
2

eval-ui-ux

Audits UI/UX deliverables for design-system conformance, visual consistency, and usability.

Community
Advanced