PACK / Active
Frontend & Product
Product strategy, art direction, interface systems, implementation fidelity, Apple platform review, and delivery.
Establish a web application baseline, choose a product-specific art direction, shape interface systems, translate references into responsive code, audit fidelity, and prepare verified changes for release. When the product targets iOS, iPadOS, or macOS, review its interface against current official Apple guidance with a dedicated method.
How to use this pack
A pack is not a fixed workflow. Install the related methods together, then invoke only the skill whose trigger matches the current task; responsibility stays with each member skill.
Expected outcomes
- 01
Build coherent, accessible, and conversion-aware product interfaces
- 02
Move reference-backed frontend work from setup through verified delivery
- 03
Identify actionable accessibility and platform convention fixes in Apple apps
10
Pack composition
- 01Bootstrapping Modern Web Apps
- 02Designing UI Systems
- 03Art Directing Web Interfaces
- 04Building Premium Next.js Interfaces
- 05Building Conversion Product Pages
- 06Translating Figma to Next.js
- 07Implementing Reference-Faithful UI
- 08Auditing Pixel-Perfect Frontend
- 09Reviewing Apple Platform Interfaces
- 10Shipping GitHub and Vercel Changes
Evidence using methods from this system
These reports explicitly use one or more methods contained in this system.
- METHOD OVERLAPShipping a recoverable Rocket error state through real Studio consumption
- METHOD OVERLAPHardening Space voice credential authorization
- METHOD OVERLAPHardening a translation provider after a production incident
- METHOD OVERLAPCatalog experience
- METHOD OVERLAPPack experience
Method overlap only — not proof that the pack was used as a unit.
Install this pack
Run the command for your operating system from the repository root.
Bash
./install.sh --pack frontend-productPowerShell
./install.ps1 --pack frontend-productPACK BUNDLE
Every method in this pack, bundled as an independent Skill ZIP.10 skills · ZIPFor ChatGPT, extract the bundle and upload each Skill ZIP separately.