Inspect TSX components for hardcoded mockup placeholder data.
npx skills add https://github.com/is-ivanov/rpm-ddd --skill design-review-is-ivanov
Please help me install this Agent Skill. Skill: design-review Source: https://github.com/is-ivanov/rpm-ddd/tree/main/.opencode/skills/design-review Command: npx skills add https://github.com/is-ivanov/rpm-ddd --skill design-review-is-ivanov
This Skill helps teams detect hardcoded mockup placeholder data that accidentally remains in frontend components after design alignment. It prevents demo-only values like emails, dates, prices, and user-specific content from shipping instead of being replaced with dynamic data.
Ask the AI to run the design-review skill on a story number or component file to find hardcoded mockup data before proceeding to refactor.
High-intent search queries and answers about installing and using this skill.
You can review hardcoded mockup placeholder data in TSX components by running an automated design alignment check against story mockups. This Skill inspects frontend implementations for static demo values like emails, dates, and prices, producing a pass or fail verdict to ensure dynamic data replacement before refactor.
Mockup validation is the process of verifying that frontend TSX components correctly replace static design mockup values with dynamic data. It detects anti-patterns where hardcoded placeholder content like emails, dates, and prices remains in the implementation, preventing demo-only values from shipping.
Yes, you can run a design review using a story number instead of a file path. This Skill supports flexible file resolution, allowing you to target components by story number, direct component path, or interactive lookup from current story progress to validate against mockups.
You need a refactor gate after implementing a screen from a product mockup and before proceeding to refactor work. It acts as a pass or fail checkpoint verifying that hardcoded placeholder data has been replaced with dynamic values, ensuring teams can safely continue their development workflow.
The design review process explicitly supports TSX components and Vue frontend implementations. It validates component implementations against story mockups to detect hardcoded placeholder data, ensuring static demo values are replaced with dynamic values across your frontend development workflow.
GenEducationExecute story-driven development tasks from a structured story specification file.
rakovi4Identifies hardcoded placeholder data such as emails, dates, and prices in frontend mockups.
microsoftValidate and enforce quality gates across CI/CD workflows with pass/fail reports.
atomicinnovationAnalyze software components and data flows using STRIDE and OWASP Top 10.
