Skip to content
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions site/changelog.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;family=IBM+Plex+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script defer src="https://xray.hellyeahai.com/script.js" data-website-id="019fb841-9613-7000-83b7-b00980fe8cdd" data-env="prod"></script>
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
Expand All @@ -30,7 +31,7 @@
<a href="index.html#install">Install</a>
</nav>
<div class="nav-actions">
<a class="icon-link" href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener" aria-label="Open Tastemaker on GitHub"><img src="assets/icons/github.svg" alt=""></a>
<a class="icon-link" href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener" aria-label="Open Tastemaker on GitHub" data-hy-event="star_intent" data-hy-prop-location="header"><img src="assets/icons/github.svg" alt=""></a>
<a class="icon-link icon-link--sponsor" href="https://github.com/sponsors/codeswithroh" target="_blank" rel="noopener" aria-label="Sponsor Tastemaker on GitHub">
<svg viewBox="0 0 16 16" width="18" height="18" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 14.25a.75.75 0 0 1-.5-.19C4.42 11.35 2 9.2 2 6.5 2 4.5 3.5 3 5.4 3c1.06 0 2.05.5 2.6 1.28C8.55 3.5 9.54 3 10.6 3 12.5 3 14 4.5 14 6.5c0 2.7-2.42 4.85-5.5 7.56a.75.75 0 0 1-.5.19Z"/></svg>
</a>
Expand Down Expand Up @@ -184,7 +185,7 @@ <h2>Tastemaker, initial version</h2>
<div class="shell footer-layout">
<a class="brand" href="index.html"><img src="assets/mark-tastemaker.svg" alt=""><span>tastemaker</span></a>
<div class="footer-note">Built with the workflow it documents.</div>
<div class="footer-links"><a href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener">GitHub</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/README.md" target="_blank" rel="noopener">Docs</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/LICENSE" target="_blank" rel="noopener">MIT License</a><a class="footer-sponsor" href="https://github.com/sponsors/codeswithroh" target="_blank" rel="noopener"><svg viewBox="0 0 16 16" width="13" height="13" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 14.25a.75.75 0 0 1-.5-.19C4.42 11.35 2 9.2 2 6.5 2 4.5 3.5 3 5.4 3c1.06 0 2.05.5 2.6 1.28C8.55 3.5 9.54 3 10.6 3 12.5 3 14 4.5 14 6.5c0 2.7-2.42 4.85-5.5 7.56a.75.75 0 0 1-.5.19Z"/></svg>Sponsor</a></div>
<div class="footer-links"><a href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener" data-hy-event="star_intent" data-hy-prop-location="footer">GitHub</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/README.md" target="_blank" rel="noopener">Docs</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/LICENSE" target="_blank" rel="noopener">MIT License</a><a class="footer-sponsor" href="https://github.com/sponsors/codeswithroh" target="_blank" rel="noopener"><svg viewBox="0 0 16 16" width="13" height="13" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 14.25a.75.75 0 0 1-.5-.19C4.42 11.35 2 9.2 2 6.5 2 4.5 3.5 3 5.4 3c1.06 0 2.05.5 2.6 1.28C8.55 3.5 9.54 3 10.6 3 12.5 3 14 4.5 14 6.5c0 2.7-2.42 4.85-5.5 7.56a.75.75 0 0 1-.5.19Z"/></svg>Sponsor</a></div>
</div>
</footer>

Expand Down
1 change: 1 addition & 0 deletions site/demo.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zain:wght@700;800&family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
<script defer src="https://xray.hellyeahai.com/script.js" data-website-id="019fb841-9613-7000-83b7-b00980fe8cdd" data-env="prod"></script>
<script>document.documentElement.classList.add('has-js');</script>
<style>
:root {
Expand Down
13 changes: 7 additions & 6 deletions site/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&amp;family=IBM+Plex+Mono:wght@400;500;600&amp;family=IBM+Plex+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
<script defer src="https://xray.hellyeahai.com/script.js" data-website-id="019fb841-9613-7000-83b7-b00980fe8cdd" data-env="prod"></script>
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
Expand All @@ -30,7 +31,7 @@
<a href="#install">Install</a>
</nav>
<div class="nav-actions">
<a class="icon-link" href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener" aria-label="Open Tastemaker on GitHub"><img src="assets/icons/github.svg" alt=""></a>
<a class="icon-link" href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener" aria-label="Open Tastemaker on GitHub" data-hy-event="star_intent" data-hy-prop-location="header"><img src="assets/icons/github.svg" alt=""></a>
<a class="icon-link icon-link--sponsor" href="https://github.com/sponsors/codeswithroh" target="_blank" rel="noopener" aria-label="Sponsor Tastemaker on GitHub">
<svg viewBox="0 0 16 16" width="18" height="18" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 14.25a.75.75 0 0 1-.5-.19C4.42 11.35 2 9.2 2 6.5 2 4.5 3.5 3 5.4 3c1.06 0 2.05.5 2.6 1.28C8.55 3.5 9.54 3 10.6 3 12.5 3 14 4.5 14 6.5c0 2.7-2.42 4.85-5.5 7.56a.75.75 0 0 1-.5.19Z"/></svg>
</a>
Expand All @@ -49,7 +50,7 @@ <h1>Make your agent’s UI <em>worth shipping.</em></h1>
<div class="hero-command">
<span class="prompt" aria-hidden="true">$</span>
<code>npx skills add codeswithroh/tastemaker</code>
<button class="copy-button" type="button" data-copy="npx skills add codeswithroh/tastemaker"><img src="assets/icons/copy.svg" alt=""><span>Copy</span></button>
<button class="copy-button" type="button" data-copy="npx skills add codeswithroh/tastemaker" data-hy-event="install_command_copied" data-hy-prop-location="hero"><img src="assets/icons/copy.svg" alt=""><span>Copy</span></button>
</div>
<div class="button-row">
<a class="button primary" href="#install">Install Tastemaker <span aria-hidden="true">↓</span></a>
Expand Down Expand Up @@ -225,7 +226,7 @@ <h2 class="versus-headline" data-reveal>Not a prompt<span>pack.</span></h2>
</div>
<div class="mode-cta" data-reveal>
<p>$8/month unlocks all four, plus what ships next. The free core stays free either way.</p>
<a class="button primary" href="https://buy.polar.sh/polar_cl_tY4OjST0hD2YW36YeNrDJgHs6Ybz9vmsQeHNX0YSbl4" target="_blank" rel="noopener">Unlock the modes</a>
<a class="button primary" href="https://buy.polar.sh/polar_cl_tY4OjST0hD2YW36YeNrDJgHs6Ybz9vmsQeHNX0YSbl4" target="_blank" rel="noopener" data-hy-event="cv_begin_checkout" data-hy-prop-plan="modes" data-hy-prop-location="modes">Unlock the modes</a>
</div>
</div>
</section>
Expand All @@ -236,13 +237,13 @@ <h2 class="versus-headline" data-reveal>Not a prompt<span>pack.</span></h2>
<h2>Install once. Then ask normally.</h2>
<p>Tastemaker triggers when you ask your coding agent to build, style, or improve a UI. No magic phrase, account, or hosted API.</p>
<div class="terminal">
<div class="terminal-bar"><span>terminal / install</span><button class="copy-button" type="button" data-copy="npx skills add codeswithroh/tastemaker"><img src="assets/icons/copy.svg" alt=""><span>Copy</span></button></div>
<div class="terminal-bar"><span>terminal / install</span><button class="copy-button" type="button" data-copy="npx skills add codeswithroh/tastemaker" data-hy-event="install_command_copied" data-hy-prop-location="install"><img src="assets/icons/copy.svg" alt=""><span>Copy</span></button></div>
<pre><code><span class="prompt">$</span> npx skills add codeswithroh/tastemaker

<span class="prompt">›</span> “Build a landing page for my product.”</code></pre>
</div>
<div class="support-note">Using Claude Code specifically? The <a href="https://github.com/codeswithroh/tastemaker#quick-start">plugin marketplace and manual install</a> work too.</div>
<div class="support-note">Want sponsor-exclusive Aesthetic Modes (brutalist, glassmorphic, minimalist, soft-calm, and more over time) on top of the free core? <a href="https://buy.polar.sh/polar_cl_tY4OjST0hD2YW36YeNrDJgHs6Ybz9vmsQeHNX0YSbl4" target="_blank" rel="noopener">Unlock them for $8/month</a>.</div>
<div class="support-note">Want sponsor-exclusive Aesthetic Modes (brutalist, glassmorphic, minimalist, soft-calm, and more over time) on top of the free core? <a href="https://buy.polar.sh/polar_cl_tY4OjST0hD2YW36YeNrDJgHs6Ybz9vmsQeHNX0YSbl4" target="_blank" rel="noopener" data-hy-event="cv_begin_checkout" data-hy-prop-plan="modes" data-hy-prop-location="install">Unlock them for $8/month</a>.</div>
</div>
</div>
</section>
Expand All @@ -252,7 +253,7 @@ <h2>Install once. Then ask normally.</h2>
<div class="shell footer-layout">
<a class="brand" href="#top"><img src="assets/mark-tastemaker.svg" alt=""><span>tastemaker</span></a>
<div class="footer-note">Built with the workflow it documents.</div>
<div class="footer-links"><a href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener">GitHub</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/README.md" target="_blank" rel="noopener">Docs</a><a href="changelog.html">Changelog</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/LICENSE" target="_blank" rel="noopener">MIT License</a><a class="footer-sponsor" href="https://github.com/sponsors/codeswithroh" target="_blank" rel="noopener"><svg viewBox="0 0 16 16" width="13" height="13" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 14.25a.75.75 0 0 1-.5-.19C4.42 11.35 2 9.2 2 6.5 2 4.5 3.5 3 5.4 3c1.06 0 2.05.5 2.6 1.28C8.55 3.5 9.54 3 10.6 3 12.5 3 14 4.5 14 6.5c0 2.7-2.42 4.85-5.5 7.56a.75.75 0 0 1-.5.19Z"/></svg>Sponsor</a></div>
<div class="footer-links"><a href="https://github.com/codeswithroh/tastemaker" target="_blank" rel="noopener" data-hy-event="star_intent" data-hy-prop-location="footer">GitHub</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/README.md" target="_blank" rel="noopener">Docs</a><a href="changelog.html">Changelog</a><a href="https://github.com/codeswithroh/tastemaker/blob/main/LICENSE" target="_blank" rel="noopener">MIT License</a><a class="footer-sponsor" href="https://github.com/sponsors/codeswithroh" target="_blank" rel="noopener"><svg viewBox="0 0 16 16" width="13" height="13" aria-hidden="true" focusable="false"><path fill="currentColor" d="M8 14.25a.75.75 0 0 1-.5-.19C4.42 11.35 2 9.2 2 6.5 2 4.5 3.5 3 5.4 3c1.06 0 2.05.5 2.6 1.28C8.55 3.5 9.54 3 10.6 3 12.5 3 14 4.5 14 6.5c0 2.7-2.42 4.85-5.5 7.56a.75.75 0 0 1-.5.19Z"/></svg>Sponsor</a></div>
</div>
</footer>

Expand Down