Skip to content
Merged

More #121

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
14 changes: 11 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,30 +32,38 @@ Text("Bitcoin Orange")

Install `bitcoinui` in your AI coding tool.

### Claude
### [Claude](https://code.claude.com/docs/en/slash-commands)

```sh
curl -L -o ~/.claude/commands/bitcoinui.md https://bitcoinui.ai/bitcoinui.md
claude
/bitcoinui
```

### Codex
### [Codex](https://github.com/openai/codex/blob/main/docs/skills.md)

```sh
curl -fsSL https://bitcoinui.ai/install-codex.sh | bash
codex
$bitcoinui
```

### Cursor
### [Cursor](https://cursor.com/docs/agent/chat/commands)

```sh
curl -L -o ~/.cursor/commands/bitcoinui.md https://bitcoinui.ai/bitcoinui.md
cursor
/bitcoinui
```

### [OpenCode](https://opencode.ai/docs/commands/)

```sh
curl -L -o ~/.config/opencode/command/bitcoinui.md https://bitcoinui.ai/bitcoinui.md
opencode
/bitcoinui
```

Example output:

```
Expand Down
37 changes: 31 additions & 6 deletions site/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,10 +3,15 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bitcoin UI iOS</title>
<title>Bitcoin UI + AI</title>
<meta
name="description"
content="BitcoinUI is an iOS-native Bitcoin UI kit with review commands for SwiftUI projects."
content="Bitcoin UI + AI: library and design review for native iOS apps."
>
<meta property="og:title" content="Bitcoin UI + AI">
<meta
property="og:description"
content="Bitcoin UI + AI: library and design review for native iOS apps."
>
<link rel="icon" href="favicon.svg?v=2" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
Expand All @@ -15,37 +20,57 @@
href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&display=swap"
rel="stylesheet"
>
<link rel="stylesheet" href="style.css?v=2">
<link rel="stylesheet" href="style.css?v=6">
</head>
<body>
<main class="page">
<div class="panel">
<div class="panel-body">
<h1>Bitcoin UI iOS</h1>
<p class="note">AI DESIGN REVIEW FOR BITCOIN IOS APPS.</p>
<hr class="divider">

<div class="section-group">
<h2 class="section-title">Design Review</h2>
<section class="block" id="claude">
<h2>Claude</h2>
<h2><a href="https://code.claude.com/docs/en/slash-commands">Claude</a></h2>
<pre><code><span class="prompt">$</span> curl -L -o ~/.claude/commands/bitcoinui.md https://bitcoinui.ai/bitcoinui.md
<span class="prompt">$</span> claude
<span class="prompt">&gt;</span> /bitcoinui</code></pre>
</section>

<section class="block" id="codex">
<h2>Codex</h2>
<h2><a href="https://github.com/openai/codex/blob/main/docs/skills.md">Codex</a></h2>
<pre><code><span class="prompt">$</span> curl -fsSL https://bitcoinui.ai/install-codex.sh | bash
<span class="prompt">$</span> codex
<span class="prompt">&gt;</span> $bitcoinui</code></pre>
</section>

<section class="block" id="cursor">
<h2>Cursor</h2>
<h2><a href="https://cursor.com/docs/agent/chat/commands">Cursor</a></h2>
<pre><code><span class="prompt">$</span> curl -L -o ~/.cursor/commands/bitcoinui.md https://bitcoinui.ai/bitcoinui.md
<span class="prompt">$</span> cursor
<span class="prompt">&gt;</span> /bitcoinui</code></pre>
</section>

<section class="block" id="opencode">
<h2><a href="https://opencode.ai/docs/commands/">OpenCode</a></h2>
<pre><code><span class="prompt">$</span> curl -L -o ~/.config/opencode/command/bitcoinui.md https://bitcoinui.ai/bitcoinui.md
<span class="prompt">$</span> opencode
<span class="prompt">&gt;</span> /bitcoinui</code></pre>
</section>

<section class="block" id="flow">
<p class="note">INSTALL -&gt; RUN BITCOINUI -&gt; GET A DESIGN REVIEW</p>
<pre class="output-block"><code>BITCOINUI REVIEW: SendFeeView.swift
===================================
SERIOUS (1 issue)
----------------
[UX] Line 88: Fee picker lacks a high-fee warning
Fix: Add a warning when fee &gt;= 50% of amount.
Reference: Bitcoin Design Guide - Send fees https://bitcoin.design/guide/daily-spending-wallet/sending/send-fees/
SUMMARY: 0 critical, 1 serious, 0 moderate</code></pre>
</section>
</div>

<hr class="divider section-divider">
Expand Down
34 changes: 34 additions & 0 deletions site/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
--bg-alt: #111111;
--fg: #f5f5f5;
--muted: #b7b7b7;
--muted-2: #8f8f8f;
--border: #262626;
--orange: #f7931a;
--green: #00c853;
Expand Down Expand Up @@ -103,6 +104,14 @@ h2 {
font-weight: 300;
}

h2 a {
color: inherit;
}

h2 a:hover {
color: var(--orange);
}

.section-title {
margin: 0 0 24px;
font-size: 13px;
Expand Down Expand Up @@ -132,6 +141,19 @@ pre {
overflow-x: auto;
}

#flow .note {
color: var(--muted-2);
font-size: 12px;
}

.output-block {
margin-top: 10px;
padding: 18px 18px 20px;
background: #0f0f0f;
border-color: #2d2d2d;
color: var(--muted-2);
}

code {
font-family: inherit;
font-size: 13px;
Expand All @@ -140,6 +162,18 @@ code {
white-space: pre;
}

.output-block code {
line-height: 1.5;
color: inherit;
font-size: 10px;
}

.output-block,
.output-block code,
.output-block .prompt {
color: var(--muted-2);
}

.prompt {
color: var(--green);
}
Expand Down