Filip Aladić writes skills that help an AI agent refine user interfaces, covering motion and micro-interactions, accessibility remediation, form design and validation, data visualization, and component extraction into reusable design systems. His catalog also includes a technical audit skill that scores accessibility, performance, responsive behavior and theming against severity-rated findings. Together the skills focus on polishing finished front-end work rather than generating it from scratch.
Better Web Ui
66 skills · 49 stars · NOASSERTION
A11Y Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, s…
A11Y Systematically audit and remediate accessibility issues in UI, focusing on keyboard navigation, s…
Adapt Adapt designs for narrow, medium, wide, embedded, or print web contexts without losing usability,…
Adapt Adapt designs for narrow, medium, wide, embedded, or print web contexts without losing usability,…
Add playful micro-interactions and delight to a UI Turn working interfaces into memorable ones with charm, personality, and surprise.
Add purposeful animations and micro-interactions to a UI Motion, transitions, hover states and gestures that make your interface feel responsive.
Add Ui Generate 5 distinct, production-grade UI variations for a requested new or existing section, comp…
Add Ui Generate 5 distinct, production-grade UI variations for a requested new or existing section, comp…
Animate Improve or implement purposeful motion systems, micro-interactions, gestures, and transition beha…
Arrange Improve layout composition, spacing systems, grouping, and visual rhythm.
Arrange Improve layout composition, spacing systems, grouping, and visual rhythm.
Audit Run technical quality checks across accessibility, performance, theming, responsive design, and a…
Audit Run technical quality checks across accessibility, performance, theming, responsive design, and a…
Bolder Increase visual impact, contrast, personality, and compositional confidence when a design feels b…
Bolder Increase visual impact, contrast, personality, and compositional confidence when a design feels b…
Clarify Improve UX writing, marketing copy, labels, microcopy, instructions, and error messages so interf…
Clarify Improve UX writing, marketing copy, labels, microcopy, instructions, and error messages so interf…
Colorize Build or refine UI color systems, warmth, semantic color, and color-based hierarchy in designs th…
Colorize Build or refine UI color systems, warmth, semantic color, and color-based hierarchy in designs th…
Critique Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emoti…
Critique Evaluate an interface from a UX perspective, assessing hierarchy, information architecture, emoti…
Data Viz Design or improve data visualizations, charts, and data presentation interfaces.
Data Viz Design or improve data visualizations, charts, and data presentation interfaces.
Delight Add moments of joy, personality, and surprise through success states, empty states, loading momen…
Depth Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and me…
Depth Add or refine depth through elevation systems, raised and inset surfaces, layered overlap, and me…
Distill Simplify cluttered UI by removing unnecessary elements, choices, features, and structural complex…
Distill Simplify cluttered UI by removing unnecessary elements, choices, features, and structural complex…
Empty State Design focused empty states for zero-data, no-results, permission, and error situations with clea…
Empty State Design focused empty states for zero-data, no-results, permission, and error situations with clea…
Extract Extract reusable components, product patterns, and design tokens into a clearer design system wit…
Extract Extract reusable components, product patterns, and design tokens into a clearer design system wit…
Forms Design, structure, or improve form interfaces for clarity, completion rates, and user confidence.
Forms Design, structure, or improve form interfaces for clarity, completion rates, and user confidence.
Frontend Design Create distinctive, production-grade frontend interfaces with strong hierarchy, thoughtful system…
Frontend Design Create distinctive, production-grade frontend interfaces with strong hierarchy, thoughtful system…
Harden Improve interface resilience through better error handling, i18n support, text overflow handling,…
Harden Improve interface resilience through better error handling, i18n support, text overflow handling,…
Hierarchy Clarify priority and emphasis by fixing unclear primary actions, competing visual weight, loud se…
Hierarchy Clarify priority and emphasis by fixing unclear primary actions, competing visual weight, loud se…
Imagery Improve how interfaces use photos, screenshots, icons, illustrations, and user-uploaded media so…
Imagery Improve how interfaces use photos, screenshots, icons, illustrations, and user-uploaded media so…
Localize Plan, implement, or improve an internationalization and localization strategy for UI content, for…
Localize Plan, implement, or improve an internationalization and localization strategy for UI content, for…
Normalize Audit and realign UI to match design system standards, spacing, tokens, and patterns.
Normalize Audit and realign UI to match design system standards, spacing, tokens, and patterns.
Onboard Design onboarding and activation flows that help users reach value quickly.
Onboard Design onboarding and activation flows that help users reach value quickly.