Complete Page & Product Systems — select, implement, audit and test product systems for production Codex frontend work, with responsive and accessibility checks.
Installs into .claude/skills of the current project.
Are you the author of Ztx3 Product Systems?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/realjustawall-ztx3-product-systems)
---
name: ztx3-product-systems
description: "Complete Page & Product Systems — select, implement, audit and test product systems for production Codex frontend work, with responsive and accessibility checks."
---
# Complete Page & Product Systems
Produce complete navigable multi-route experiences, not isolated aesthetic heroes. For each product type, define real data shapes, permissions, forms, empty/loading/error/offline states, accessible navigation and mobile tasks. Connect sample front end to mock adapters without pretending back-end actions succeeded. Map actual conversion flows and test them end-to-end.
## Workflow
1. Record explicit project requirements, business goal, content and accepted test budget.
2. Read `references/HANDBOOK.md` and pick precise technique Skill files, not the entire catalog.
3. Implement smallest meaningful working baseline, then add incremental enhancements.
4. Measure or inspect result with real devices and produce fallback.
5. Report verified/untested results. No MCP, no destructive overwrites.
## Core obligations
Define sitemap, task journey, data adapter, reusable components and page-specific states before implementing routes.
Run journey from entry to task completion; exercise offline, empty, error, role and mobile paths.
## References
- `references/HANDBOOK.md` — full architecture and 12 deep techniques.
- Refer to `ztx3-<technique>` Skill for focused implementation and acceptance.
