القائمة
جمع SkillsMP عدد ٢١ من skills من OthmanAdi/gmira. افتح أي skill لمراجعة مصدره وتفاصيله.
عرض ٢١ من أصل ٢١ skills مجمعة.
Use when auditing a built page for contrast, keyboard operation, semantics, and canvas fallback. Also use when text sits on a colored or image background and nobody measured it, when the focus outline was removed, when tab order jumps around the screen, when…
لغة النص الأصلي: الإنجليزية
Use when installing, repairing, or taming any shadcn registry component (componentry, canvas-ui, bklit, ncdai, kibo-ui, react-bits, soundcn). Also use when an installed component fails to build, imports a package that is not there, renders the wrong colors,…
لغة النص الأصلي: الإنجليزية
Use when authoring, integrating, or auditing any canvas or WebGL surface on a website: shader backgrounds, fluid and particle effects, html-in-canvas (drawElement) effects that displace live DOM, scroll-driven GPU work, and generative visuals. Also use when a…
لغة النص الأصلي: الإنجليزية
Use when adding, reviewing, or cutting motion on a web surface: scroll reveals, hero entrances, hover feedback, page and view transitions, pointer-following effects, and canvas or shader timing. Also use when every section fades up identically, when the page…
لغة النص الأصلي: الإنجليزية
Use when a page carries effects and needs a budget gate: bundle weight, Core Web Vitals, frame cost, images, fonts, and GPU teardown. Also use when a hero is slow to appear, when the phone gets hot, when a route change leaves a dead black canvas behind, when…
لغة النص الأصلي: الإنجليزية
Use when a web surface is finished and needs to be built, staged, or deployed, and when preparing a release of the work. Covers the production build, bundle and asset checks, metadata and social cards, robots and sitemap, redirects, environment separation,…
لغة النص الأصلي: الإنجليزية
Use when building, redesigning, or reviewing a website or web surface that must not look generated. Covers landing pages, e-commerce (PLP, PDP, cart, checkout), car and vehicle inventory sites, course and cohort school pages, portfolios, dashboards, and…
لغة النص الأصلي: الإنجليزية
Use when a built page needs the audit for the visual tells no detector catches, or when someone says a page looks generic, templated, bland, stock, or "AI-made" and cannot say why. Run it before showing any surface to the user, and again after a redesign…
لغة النص الأصلي: الإنجليزية
Use when building or reviewing any interactive surface: buttons, links, forms, filters, tables, cards, uploads, and anything that fetches. Also use when a component only has a default state, when the focus outline was removed, when a spinner flashes on a fast…
لغة النص الأصلي: الإنجليزية
Use before handing any web surface back to a user, and whenever a page needs checking at real viewport sizes. Runs Playwright across five viewports, captures screenshots, collects console errors, measures computed contrast and text overflow, exercises…
لغة النص الأصلي: الإنجليزية
Use when starting any web surface and no written brief exists yet: a new landing page, a vehicle inventory site, a product detail page, a course or cohort page, a dashboard, a portfolio, a checkout. Also use when a build is about to invent content it has no…
لغة النص الأصلي: الإنجليزية
Use when building or fixing any page that presents a set of things: vehicle inventory, product listing (PLP), category page, course or cohort catalog, module index, creative wall, project archive, team page, or search results. Also use when a set came out as…
لغة النص الأصلي: الإنجليزية
Use when building or fixing a page about one single thing in depth: a product detail page (PDP), a vehicle or listing detail page, a course or module page, a cohort page, an instructor or team-member profile, a property page, or a case study. Also use when…
لغة النص الأصلي: الإنجليزية
Use before building or redesigning any web surface, and whenever a page has come out bland, templated, safe, or "AI-looking". Produces the written visual direction that everything else is built against: the material world, the thesis, the structural form, and…
لغة النص الأصلي: الإنجليزية
Use when building or fixing any multi-step task surface: checkout, cart, enrollment or application, onboarding, a finance or leasing calculator, a test-drive or viewing booking, a quote request, a contact form with more than three fields, or an account setup…
لغة النص الأصلي: الإنجليزية
Use when building, rewriting, or auditing the first viewport of any page: landing hero, campaign header, category header, vehicle detail top, course page opener, portfolio opener. Also use when a hero came out as a centered headline with two buttons, when the…
لغة النص الأصلي: الإنجليزية
Use when building or auditing site chrome: header, primary navigation, mobile menu, command palette, breadcrumbs, table of contents, progress rail, theme toggle, skip link, footer. Also use when the nav is a floating blurred pill identical to every other…
لغة النص الأصلي: الإنجليزية
Use when choosing, deriving, or repairing the colors of a web surface: picking a strategy, building OKLCH ramps, wiring Tailwind v4 theme variables or shadcn base colors, or deciding dark versus light. Also use when the accent only ever shows up on one…
لغة النص الأصلي: الإنجليزية
Use when building or fixing any credibility surface: testimonials, reviews, case studies, results and outcome statistics, logo walls, "as seen in" bars, student or customer success sections, ratings, trust badges, or founder and instructor credibility panels.…
لغة النص الأصلي: الإنجليزية
Use when building or auditing anything that happens because the page scrolled: reveal animations, pinned or sticky sections, scrub-driven timelines, parallax, tilted galleries, sticky card stacks, progress indicators, smooth scroll. Also use when every…
لغة النص الأصلي: الإنجليزية
Use when setting or repairing the typography of a web surface: choosing a type pairing, building the size and tracking scale, wiring `next/font` and Tailwind v4 font tokens, or fixing a page whose type reads as a framework default. Also use when a heading…
لغة النص الأصلي: الإنجليزية