dembrandt · Agent Skills

44 skills with substantive source documentation and an official publisher or observed installation demand. Read each skill’s original documentation through its card.

dembrandt

Community

motion-and-storytelling

Disney's animation principles and cinematic technique applied to UI motion. Use when designing transitions, scroll animations or onboarding motion.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

nielsen-usability-heuristics

Nielsen's 10 usability heuristics. Use when auditing an interface, designing interaction flows, writing error messages or reviewing usability.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

notifications-and-recovery

Toasts, inline errors, banners and recovery paths. Use when designing error states, success confirmations, async feedback or in-place editing.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

operational-expert-tool-ui

Dense, linear, status-at-a-glance UI for specialists who use a tool all day. Use when designing dispatch, warehouse, logistics, scheduling or other B2B operations tools.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

performance-and-web-vitals

Lighthouse audits and Core Web Vitals — LCP, CLS, INP. Use when optimising page load, layout shift, input delay, images, fonts or render-blocking resources.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

real-world-metaphors

Cards, drawers, carousels and other patterns borrowed from the physical world. Use when designing layout patterns, gestures or navigation paradigms.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

repeated-component-alignment

Cards, rows, tiles and cells are fixed slot models that stay aligned when content length varies. Use when building or reviewing any repeated component.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

responsive-paradigms

Mobile, tablet and desktop are different paradigms, not one layout scaled. Use when designing responsive layouts or deciding what each breakpoint shows.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

scroll-areas

Avoid inner scroll containers; when unavoidable, one axis at a time. Use when a layout, table or panel might scroll inside the page.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

semantic-html-and-seo

Semantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns. Use when building web UI, reviewing markup or optimising for search.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

sizing-units

rem, px or relative units for each kind of value. Use when defining spacing and sizing tokens, control heights or media queries, or when a layout breaks under enlarged text.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

status-colors-and-errors

Few semantic colours, each meaning one thing, and errors with a way forward. Use when designing status indicators, validation, alerts or error states.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

sticky-and-fixed-elements

Sticky headers, bottom toolbars, floating action buttons and pinned table headers. Use when deciding what stays on screen while the user scrolls.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

surface-separation

Set a surface apart by one means — border, elevation or fill — and keep opacity for state. Use when designing cards, panels, list rows, toolbars or any container.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

tab-navigation

Tabs swap views under a shared context. Use when designing tabbed layouts, settings pages, detail views or dashboards with several data views.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

ui-context-and-scope

Show where the user is and what their actions affect — breadcrumbs, regions, scope labels. Use when designing deep navigation or multi-section layouts.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

ui-density

Match information density to platform and user type. Use when designing data tables, dashboards or toolbars, or adapting a desktop product for mobile.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

user-flows-and-guided-paths

Guided multi-step paths and wizards. Use when designing onboarding, checkout, setup sequences or any multi-step journey.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

visual-emphasis-and-hierarchy

Size, colour, weight and position mark what matters most. Use when designing button groups, CTAs, cards, dashboards or any layout with a primary action.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →

dembrandt

Community

wcag-accessibility

WCAG 2.2 AA compliance as required by the European Accessibility Act. Use when designing, building or reviewing any user-facing interface for accessibility.

Installationen

2

GitHub Stars

133

Aktualisiert

15. Okt.

MIT1 Dateien

Skill-Details ansehen →