Φ Design Token Styler

Generate Golden Ratio (Φ ≈ 1.618) spacing scales and CSS custom properties directly in VS Code.

Features

• Generate a Tailwind spacing extension from a base pixel value
• Generate CSS custom properties for a harmonic scale
• Activate Pro access with a license key
• Persist Pro state locally after activation

Commands

• Φ: Generate Tailwind Config Scale
• Φ: Generate CSS Custom Properties
• Φ: Activate Pro License

Usage

1. Open the Command Palette.
2. Run one of the Φ commands.
3. Enter a base spacing value.
4. If prompted, activate Pro with your license key to unlock the Tailwind generator.

Marketplace / packaging

This extension is ready to package with:

npm install -g @vscode/vsce
npm run package

Then publish with your Marketplace publisher credentials:

vsce publish

Monetization

Pro access is handled externally through a checkout flow such as Lemon Squeezy or Gumroad. After purchase, the user pastes their license key into the activation command.