القائمة
Skills في هذا المستودع
جمع SkillsMP عدد ١٠٠ من skills من x3allamerican/design-skills-fleetsafety. افتح أي skill لمراجعة مصدره وتفاصيله.
x3allamerican/design-skills-fleetsafetyعرض ٢٠ من أصل ١٠٠ skills مجمعة.
Use when adding scroll-triggered animations (reveal on scroll, parallax, sticky elements). Covers when scroll animations work, when they hurt UX, and the implementation patterns (Intersection Observer, CSS scroll-driven animations).
لغة النص الأصلي: الإنجليزية
Use when designing search interfaces in a product. Covers input patterns, instant search, results layout, filters, no-results state.
لغة النص الأصلي: الإنجليزية
Use when designing a dedicated /security page. Covers what to include (data classification, encryption, certifications, sub-processors, incident response), the tone, and how to balance technical detail with reassurance.
لغة النص الأصلي: الإنجليزية
Use when designing the cancellation flow for a SaaS subscription. Covers the principles of frictionless cancel, what to ask during cancel (feedback, not pressure), the confirmation, and the post-cancel experience.
لغة النص الأصلي: الإنجليزية
Use when designing for SEO. Covers semantic HTML, page structure, meta tags, schema markup, internal linking, and the design decisions that affect rankings.
لغة النص الأصلي: الإنجليزية
Use when designing loading states for async content. Covers skeleton loader anatomy, when to use vs spinner, the shimmer animation, and the rules to avoid loader fatigue.
لغة النص الأصلي: الإنجليزية
Use when designing social proof beyond testimonials. Covers customer logo bars, case study layouts, usage stats, integration logos, and the patterns that reduce purchase anxiety without crossing into manipulation.
لغة النص الأصلي: الإنجليزية
Use when designing sortable / groupable tables and lists. Covers click-to-sort patterns, multi-column sort, grouping by category, and visual indicators.
لغة النص الأصلي: الإنجليزية
Use when establishing or auditing a spacing system. Covers the 4px/8px grid, the spacing token ladder, rules for which spacing values go where, vertical rhythm between sections, and the mistakes that make sites feel cramped or sprawled.
لغة النص الأصلي: الإنجليزية
Use when adding schema.org structured data to a site. Covers the schemas that matter (Product, FAQ, Organization, BreadcrumbList), JSON-LD vs microdata, and the rich-result patterns.
لغة النص الأصلي: الإنجليزية
Use when designing for tablet form factor (iPad, Android tablets) and large mobile. Covers landscape orientation, the two-column patterns, and when tablet design diverges from both phone and desktop.
لغة النص الأصلي: الإنجليزية
Use when designing team / user management for a multi-seat SaaS. Covers role models, invite flow, permissions UI, and the patterns for owners vs admins vs members.
لغة النص الأصلي: الإنجليزية
Use when designing terms of service display, click-through agreements, and re-acceptance flows. Covers readability, signature patterns, and audit-trail capture.
لغة النص الأصلي: الإنجليزية
Use when designing testimonial sections. Covers the formats that work (single hero, 3-up cards, full-bleed quote), what makes a testimonial believable, and how to avoid the dead patterns (auto-rotating carousel, headless quotes).
لغة النص الأصلي: الإنجليزية
Use when designing transient feedback: toasts, snackbars, banner notifications, inline messages. Covers when to use each, positioning, duration, dismissal, severity levels, and the mistakes that make notifications annoying.
لغة النص الأصلي: الإنجليزية
Use when establishing the motion tokens for a product. Covers transition properties, the easing curve library, the duration scale, and what to set globally vs per-component.
لغة النص الأصلي: الإنجليزية
Use when designing trust signals (logos, badges, testimonials, security marks, money-back guarantees). Covers what works, what's invisible, and what damages trust by trying too hard.
لغة النص الأصلي: الإنجليزية
Use when establishing or refining a typography system for a SaaS product or marketing site. Covers type stack selection, modular scale, line-heights, letter-spacing, and the type tokens every modern site needs. Includes the Inter/Geist/Söhne tradeoffs.
لغة النص الأصلي: الإنجليزية
Use when crafting or auditing the value proposition for a product or feature. Covers the value-prop equation, the test for whether a value prop works, and patterns to refine vague positioning.
لغة النص الأصلي: الإنجليزية
Use when designing white-label / reseller UIs. Covers the customer-brand-takeover pattern, the brand-config schema, the loading sequence, and the parts that must stay platform-branded.
لغة النص الأصلي: الإنجليزية