mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-16 08:06:24 +03:00
Add changelog section and bump version to 1.1.0
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.6
parent
d9c14a44eb
commit
74c5cb3b41
+5
-3
@@ -1,9 +1,10 @@
|
||||
{
|
||||
"name": "impeccable",
|
||||
"version": "1.0.0",
|
||||
"version": "1.1.0",
|
||||
"author": "Paul Bakaus",
|
||||
"dependencies": {
|
||||
"motion": "^12.23.26"
|
||||
"motion": "^12.23.26",
|
||||
"playwright": "^1.57.0"
|
||||
},
|
||||
"description": "Cross-provider design skills and commands for LLM-powered development tools",
|
||||
"keywords": [
|
||||
@@ -22,7 +23,8 @@
|
||||
"rebuild": "bun run clean && bun run build",
|
||||
"dev": "bun run server/index.js",
|
||||
"start": "bun --production run server/index.js",
|
||||
"test": "bun test"
|
||||
"test": "bun test",
|
||||
"screenshot": "bun run scripts/screenshot-antipatterns.js"
|
||||
},
|
||||
"type": "module"
|
||||
}
|
||||
|
||||
+66
-1
@@ -1,4 +1,4 @@
|
||||
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
||||
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
||||
.split-container::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
@@ -650,6 +650,71 @@
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.hero-version-link {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--color-ash);
|
||||
margin-top: var(--spacing-sm);
|
||||
}
|
||||
.hero-version-link a {
|
||||
color: var(--color-ash);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
transition: color 0.2s ease, border-color 0.2s ease;
|
||||
}
|
||||
.hero-version-link a:hover {
|
||||
color: var(--color-accent);
|
||||
border-bottom-color: var(--color-accent);
|
||||
}
|
||||
.changelog-section {
|
||||
position: relative;
|
||||
padding: var(--spacing-xl) 0;
|
||||
border-top: 1px solid var(--color-mist);
|
||||
}
|
||||
.changelog-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
.changelog-entry {
|
||||
padding: var(--spacing-md) 0;
|
||||
border-bottom: 1px solid var(--color-mist);
|
||||
}
|
||||
.changelog-entry:first-child {
|
||||
border-top: 1px solid var(--color-mist);
|
||||
}
|
||||
.changelog-version-header {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: var(--spacing-sm);
|
||||
margin-bottom: var(--spacing-sm);
|
||||
}
|
||||
.changelog-version {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-ink);
|
||||
}
|
||||
.changelog-date {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--color-ash);
|
||||
}
|
||||
.changelog-items {
|
||||
margin: 0;
|
||||
padding-left: var(--spacing-md);
|
||||
color: var(--color-charcoal);
|
||||
line-height: 1.7;
|
||||
}
|
||||
.changelog-items li {
|
||||
margin-bottom: var(--spacing-xs);
|
||||
}
|
||||
.changelog-items code {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.875em;
|
||||
background: var(--color-mist);
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
color: var(--color-ink);
|
||||
}
|
||||
.faq-section {
|
||||
position: relative;
|
||||
padding: var(--spacing-xl) 0;
|
||||
|
||||
@@ -688,6 +688,92 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
HERO VERSION LINK
|
||||
============================================ */
|
||||
|
||||
.hero-version-link {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--color-ash);
|
||||
margin-top: var(--spacing-sm);
|
||||
}
|
||||
|
||||
.hero-version-link a {
|
||||
color: var(--color-ash);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
transition: color 0.2s ease, border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.hero-version-link a:hover {
|
||||
color: var(--color-accent);
|
||||
border-bottom-color: var(--color-accent);
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
CHANGELOG SECTION
|
||||
============================================ */
|
||||
|
||||
.changelog-section {
|
||||
position: relative;
|
||||
padding: var(--spacing-xl) 0;
|
||||
border-top: 1px solid var(--color-mist);
|
||||
}
|
||||
|
||||
.changelog-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.changelog-entry {
|
||||
padding: var(--spacing-md) 0;
|
||||
border-bottom: 1px solid var(--color-mist);
|
||||
}
|
||||
|
||||
.changelog-entry:first-child {
|
||||
border-top: 1px solid var(--color-mist);
|
||||
}
|
||||
|
||||
.changelog-version-header {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
gap: var(--spacing-sm);
|
||||
margin-bottom: var(--spacing-sm);
|
||||
}
|
||||
|
||||
.changelog-version {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 1.125rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-ink);
|
||||
}
|
||||
|
||||
.changelog-date {
|
||||
font-size: 0.8125rem;
|
||||
color: var(--color-ash);
|
||||
}
|
||||
|
||||
.changelog-items {
|
||||
margin: 0;
|
||||
padding-left: var(--spacing-md);
|
||||
color: var(--color-charcoal);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.changelog-items li {
|
||||
margin-bottom: var(--spacing-xs);
|
||||
}
|
||||
|
||||
.changelog-items code {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.875em;
|
||||
background: var(--color-mist);
|
||||
padding: 2px 6px;
|
||||
border-radius: 3px;
|
||||
color: var(--color-ink);
|
||||
}
|
||||
|
||||
/* ============================================
|
||||
FAQ SECTION
|
||||
============================================ */
|
||||
|
||||
+36
-1
@@ -70,6 +70,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="hero-version-link"><a href="#changelog">v1.1.0 — /simplify renamed to /distill</a></p>
|
||||
</div>
|
||||
|
||||
<!-- Right: Before/After Demo -->
|
||||
@@ -280,10 +281,43 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 5. CHANGELOG -->
|
||||
<section class="changelog-section" id="changelog">
|
||||
<div class="section-header" data-reveal>
|
||||
<span class="section-number">05</span>
|
||||
<h2 class="section-title">What's New</h2>
|
||||
</div>
|
||||
|
||||
<div class="changelog-list" data-reveal>
|
||||
<div class="changelog-entry">
|
||||
<div class="changelog-version-header">
|
||||
<span class="changelog-version">v1.1.0</span>
|
||||
<span class="changelog-date">March 4, 2026</span>
|
||||
</div>
|
||||
<ul class="changelog-items">
|
||||
<li>Renamed <code>/simplify</code> to <code>/distill</code> to avoid Claude Code conflict</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="changelog-entry">
|
||||
<div class="changelog-version-header">
|
||||
<span class="changelog-version">v1.0.0</span>
|
||||
<span class="changelog-date">February 28, 2026</span>
|
||||
</div>
|
||||
<ul class="changelog-items">
|
||||
<li>Initial release with enhanced frontend-design skill</li>
|
||||
<li>17 design commands: /polish, /audit, /distill, /bolder, and more</li>
|
||||
<li>Support for Cursor, Claude Code, Gemini CLI, and Codex CLI</li>
|
||||
<li>Interactive command cheatsheet</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6. FAQ -->
|
||||
<section class="faq-section" id="faq">
|
||||
<div class="section-header" data-reveal>
|
||||
<span class="section-number">05</span>
|
||||
<span class="section-number">06</span>
|
||||
<h2 class="section-title">Frequently Asked Questions</h2>
|
||||
</div>
|
||||
|
||||
@@ -368,6 +402,7 @@
|
||||
<a href="#commands-section">Commands</a>
|
||||
<a href="/cheatsheet">Cheatsheet</a>
|
||||
<a href="#downloads">Downloads</a>
|
||||
<a href="#changelog">Changelog</a>
|
||||
<a href="https://github.com/pbakaus/impeccable">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user