菜单
SkillsMP 已收集 OthmanAdi/gmira 中的 21 个 Skill。打开任一 Skill 可查看来源和详情。
已展示 21 / 21 个已收集 Skill。
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…
原文语言：英语