diff --git a/site/index.html b/site/index.html index 91a986b..bede588 100644 --- a/site/index.html +++ b/site/index.html @@ -103,7 +103,26 @@

Good skills deserve
a better

Ready when
you are.

SkillView needs GitHub CLI 2.97.0 or newer. Sign in with gh auth login to search and install skills.

Installation details
RECOMMENDED · GITHUB CLI EXTENSION
gh extension install harder/gh-skillview
gh skillview

Prefer a standalone binary? Download the latest release

-

Making terminal tools look good and feel easy.

SkillView was created by Kevin Harder, a software engineer who enjoys working on open source projects and building useful tools. It makes finding and managing agent skills easier.

+
+ +
+

Making terminal tools look good and feel easy.

+

SkillView was created by Kevin Harder, a software engineer who enjoys working on open source projects and building useful tools. It makes finding and managing agent skills easier.

+ + +
+
diff --git a/site/styles.css b/site/styles.css index 0670516..f6ede02 100644 --- a/site/styles.css +++ b/site/styles.css @@ -10,10 +10,11 @@ a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}button{font:inher .workflow-grid{align-items:center}.workflow-copy p{color:#bdc8c1;font-size:18px;max-width:500px;margin:30px 0 20px}.text-link{display:inline-flex;gap:15px;align-items:center;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:5px}.text-link span{color:var(--gold)}.code-panel{background:#0a0e11;border:1px solid var(--border);box-shadow:18px 18px 0 rgba(227,181,90,.05)}.code-panel-top,.code-panel-bottom{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;color:#9baaa4;font:400 11px var(--mono);letter-spacing:.04em}.code-panel-top{border-bottom:1px solid var(--border)}.code-panel-bottom{border-top:1px solid var(--border)}.code-prompt{color:var(--mint);margin-right:8px}.copy-button{background:none;color:var(--gold);border:1px solid rgba(227,181,90,.45);padding:5px 10px;font:500 11px var(--mono);cursor:pointer;transition:background .2s}.copy-button:hover{background:rgba(227,181,90,.14)}.code-panel pre{font:400 13px/1.9 var(--mono);color:#e6ece5;padding:25px 22px;margin:0;overflow:auto}.code-comment{color:#7b968d}.code-dollar,.terminal-cursor{color:var(--gold)} .install-section{background:#afcfba;color:var(--ink);padding-block:110px}.install-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.install-section .section-label{color:#4f6858}.install-section .label-number,.install-section .serif-accent{color:#315c46}.install-section .label-rule{background:#315c46}.install-section h2{margin-bottom:24px}.install-section p{max-width:440px;color:#385344;font-size:17px}.install-section .text-link{border-color:#315c46}.install-section .text-link span{color:#315c46}.install-card{background:#101a1b;color:var(--cream);padding:34px;box-shadow:18px 18px 0 rgba(16,21,27,.12)}.install-card-label{display:block;color:var(--mint);margin-bottom:24px}.install-command{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);padding:14px 15px;margin-bottom:10px}.install-command code{font-size:12px;overflow-wrap:anywhere;color:#ebeee5}.install-card p{font-size:13px;margin:25px 0 0;color:#b2c1b8}.install-card a{color:var(--gold);border-bottom:1px solid rgba(227,181,90,.5)} .author-card{background:#1b292b;border:1px solid var(--border);padding:55px 70px}.author h2{font-size:clamp(40px,4vw,60px);font-weight:500;margin-bottom:19px}.author-card p{max-width:800px;color:#becbc4;font-size:17px}.author-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.author-links a{border-top:1px solid rgba(227,181,90,.5);padding-top:10px}.author-links strong{display:block;font-size:15px;font-weight:600}.author-links small{display:block;color:#aab9b1;font-size:12px;margin-top:3px}.author-links span{color:var(--gold)} +.author-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}.author-project{display:flex;flex-direction:column;gap:10px;min-height:185px;padding:24px;background:#142123;border:1px solid rgba(164,212,191,.2);transition:background .2s,border-color .2s,transform .2s}.author-project:hover{background:#1a2b2d;border-color:rgba(227,181,90,.6);transform:translateY(-3px)}.author-project-label{color:var(--mint);font:500 10px/1.4 var(--mono);letter-spacing:.11em}.author-project strong{font-size:23px;line-height:1.15;letter-spacing:-.035em}.author-project strong span{color:var(--gold);font-size:17px}.author-project-description{max-width:360px;color:#b9c9c0;font-size:14px;line-height:1.55}.author-projects+.author-links{margin-top:32px} .site-footer{border-top:1px solid var(--border);background:#0b1116}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-block:60px 50px}.footer-inner p{font-size:13px;color:var(--muted);margin:18px 0 0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:13px}.footer-note{text-align:right;color:var(--muted);font-size:13px}.footer-note a{color:var(--cream)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-block:18px;color:#788781;font:400 11px var(--mono)} /* Documentation */ .docs-hero{padding-block:80px 70px;border-bottom:1px solid var(--border);position:relative}.docs-hero::after{content:'?';position:absolute;right:3%;top:-40px;font:400 300px var(--serif);color:rgba(227,181,90,.07);pointer-events:none}.docs-hero h1{font-size:clamp(58px,6vw,92px);font-weight:500;margin:15px 0 18px}.docs-hero p:last-child{max-width:650px;font-size:19px;color:#bec9c2}.docs-layout{display:grid;grid-template-columns:220px minmax(0,800px);gap:9%;padding-block:65px 120px}.docs-sidebar{align-self:start;position:sticky;top:30px;display:grid;gap:4px}.docs-sidebar strong{font:500 11px var(--mono);letter-spacing:.12em;color:var(--gold);margin-bottom:14px}.docs-sidebar a{font-size:13px;color:#a7b4ab;padding:8px 11px;border-left:1px solid var(--border)}.docs-sidebar a:hover{color:var(--gold);border-color:var(--gold)}.docs-content section{scroll-margin-top:30px;padding-bottom:55px;margin-bottom:55px;border-bottom:1px solid var(--border)}.docs-content section:last-child{border:0;margin:0;padding:0}.docs-content h2{font-size:40px;font-weight:500;margin-bottom:20px}.docs-content h3{font-size:24px;font-weight:600;margin-top:35px;margin-bottom:14px}.docs-content p,.docs-content li{color:#bdc8c1}.docs-content a:not(.button){color:var(--gold);text-decoration:underline;text-underline-offset:4px}.docs-content ul,.docs-content ol{padding-left:23px}.docs-content li{margin:7px 0}.docs-content pre{background:#090e12;border:1px solid var(--border);padding:20px;overflow:auto;color:#e8eee7;font-size:13px;line-height:1.8}.docs-content kbd{border:1px solid #56605b;border-bottom-width:2px;border-radius:3px;padding:1px 5px;color:var(--cream);font:11px var(--mono)}.docs-content .notice{padding:18px 20px;border-left:2px solid var(--gold);background:#1a2428;color:#c6d0ca}.docs-table{width:100%;border-collapse:collapse;font-size:14px}.docs-table th,.docs-table td{border-bottom:1px solid var(--border);padding:12px;text-align:left}.docs-table th{color:var(--gold);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.07em}.docs-table td{color:#bec9c2}.docs-visual{border:1px solid var(--border);margin:20px 0}.docs-visual img{width:100%} @media(max-width:1050px){.hero{grid-template-columns:1fr;gap:45px;padding-top:70px}.hero-copy{max-width:700px}.hero-visual{max-width:850px}.hero h1{font-size:clamp(72px,12vw,110px)}.showcase{grid-template-columns:1fr}.showcase-controls{display:grid;grid-template-columns:1fr 1fr}.showcase-tab:nth-child(2){border-top:1px solid rgba(16,21,27,.2)}.intro-grid,.tour-heading{gap:30px}.tour-heading p{justify-self:start}.author-card{padding:45px}} @media(max-width:720px){.section-wrap,.site-header{width:min(100% - 36px,1320px)}.site-header{height:72px}.brand{font-size:21px}.brand-mark{font-size:27px}.nav{gap:15px;font-size:12px}.nav a:nth-child(1),.nav a:nth-child(2){display:none}.header-cta{display:none}.section-space{padding-block:80px}.section-label{gap:12px;flex-wrap:wrap}.label-rule{width:25px}.hero{padding-top:62px;padding-bottom:70px}.hero h1{font-size:clamp(61px,14vw,88px)}.hero-description{font-size:17px}.hero-visual{padding:0}.hero-terminal{transform:none}.ticker-inner{gap:26px}.intro-grid,.tour-heading,.workflow-grid,.install-grid{grid-template-columns:1fr;gap:25px}.intro h2,.tour h2,.workflow h2,.install-section h2{font-size:clamp(47px,11vw,68px)}.intro-copy,.tour-heading p,.workflow-copy p{font-size:16px}.feature-grid{grid-template-columns:1fr;margin-top:38px}.feature-card{min-height:220px}.feature-icon{margin-bottom:20px}.showcase-controls{grid-template-columns:1fr}.showcase-tab:nth-child(2){border-top:0}.showcase-tab{padding-block:17px}.install-section{padding-block:80px}.install-card{padding:23px}.author-card{padding:30px}.footer-inner{grid-template-columns:1fr 1fr}.footer-note{text-align:left}.footer-bottom{gap:15px;flex-direction:column}.docs-layout{grid-template-columns:1fr;gap:30px;padding-block:35px 80px}.docs-sidebar{position:static;display:flex;gap:0;overflow:auto;border-bottom:1px solid var(--border);padding-bottom:5px}.docs-sidebar strong{display:none}.docs-sidebar a{white-space:nowrap;border-left:0;border-bottom:1px solid transparent}.docs-hero{padding-block:65px 40px}.docs-hero::after{display:none}.docs-hero h1{font-size:55px}.docs-content h2{font-size:34px}} -@media(max-width:440px){.nav a:nth-child(3){display:none}.hero-actions{display:grid}.install-command{align-items:flex-start}.install-command code{font-size:11px}.author-links{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}.footer-links{max-width:350px}} +@media(max-width:440px){.nav a:nth-child(3){display:none}.hero-actions{display:grid}.install-command{align-items:flex-start}.install-command code{font-size:11px}.author-projects,.author-links{grid-template-columns:1fr}.author-project{min-height:0}.footer-inner{grid-template-columns:1fr}.footer-links{max-width:350px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}