Standardize product detail page architecture with strict content modeling and semantic layout patterns.
npx skills add https://github.com/OthmanAdi/gmira --skill gmira-detail
Please help me install this Agent Skill. Skill: gmira-detail Source: https://github.com/OthmanAdi/gmira/tree/main/skills/gmira-detail Command: npx skills add https://github.com/OthmanAdi/gmira --skill gmira-detail
This skill addresses the common failure of product detail pages (PDPs) that prioritize generic layouts over structured, verifiable content, leading to poor decision-making for users.
Use the gmira-detail skill to audit the current product detail page and refactor the spec table into a semantic table with tabular-nums.
High-intent search queries and answers about installing and using this skill.
Structure a React product detail page by enforcing strict content modeling with database-backed fields, semantic spec tables using tabular-nums, and verifiable trust signals to ensure user decision clarity. This approach replaces vague layouts with standardized architecture.
The best way to handle URL-based state synchronization for product variants is implementing robust patterns for unavailable variants, sticky buy rails, and URL-based configuration state. This ensures accessible markup and reliable state management on high-stakes listing pages.
Build an accessible spec table by using proper semantic markup and applying tabular-nums for scannable technical data handling. This standardizes spec tables for vehicles, courses, or physical goods, ensuring data remains verifiable and accessible.
You need strict content modeling for a product detail page when building high-stakes listings like vehicles or courses where user trust is paramount. It replaces vague sections such as generic features with specific, database-backed fields to improve decision-making.
Manage a sticky buy rail and unavailable variants by applying robust state management patterns that synchronize URL-based configuration state. This handles variant availability directly within the semantic layout, ensuring purchase actions remain verifiable.
Yes, this product detail page architecture works for physical goods and course listings by applying standardized semantic layout patterns. It enforces verifiable trust content, accessible markup, and technical spec modeling specifically for vehicles, courses, and physical products.
musujDefine project terminology, entities, relationships, and data structures.
fullstorydevImplement PCI-compliant Fullstory event tracking with privacy zoning and data masking.
t-stringsReview frontend UI code for HTML semantics, ARIA, keyboard navigation, and contrast.
finsilabsEmbed shoppable product cards with UTM revenue tracking in CMS platforms.
