### Install Streampipe with Homebrew
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/02-streampipe-cli/index.html
Installs Streampipe using the Homebrew package manager.
```bash
# homebrew
$ brew install streampipe
```
--------------------------------
### Install Streampipe with Cargo
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/02-streampipe-cli/index.html
Installs Streampipe using the Cargo package manager.
```bash
# cargo
$ cargo install streampipe
```
--------------------------------
### Technical Voice Example: Real Command
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Technical voice example opens with a real command-line instruction.
```bash
$ streampipe parse access.log --filter status=5xx | jq
```
--------------------------------
### Install Streampipe with Curl
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/02-streampipe-cli/index.html
Installs Streampipe using a curl script for Linux and macOS. No sudo is required.
```bash
# curl (Linux/macOS, no sudo)
$ curl -sSL https://streampipe.dev/install | sh
```
--------------------------------
### Vanilla HTML Project, Motion-Cut Example
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/SKILL.md
An example output for a vanilla HTML project with motion disabled, demonstrating the expected pre-flight findings format.
```text
Pre-flight findings:
· Font stack: Inter (app/index.html L12)
· Palette: OKLCH custom properties (app/globals.css :root)
· Motion: motion-cut
· Spacing: 4-pt scale (app/globals.css --space-*)
· Framework: Vanilla HTML
Hallmark will preserve: font stack, palette, spacing scale.
Hallmark will introduce: macrostructure, microinteraction discipline,
slop-test gates, hero enrichment recipe.
If you want Hallmark to override any preserved item, say so.
```
--------------------------------
### Technical Voice Example: Data-First Opening
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Technical voice example opens with data and suggests genuine utility.
```text
434 total posts. New CSS you feel like you could use today.
```
--------------------------------
### Install Hallmark Skill
Source: https://github.com/nutlope/hallmark/blob/main/README.md
Use this command to install the Hallmark skill for your AI coding assistant. Re-run the command to update the skill.
```bash
npx skills add nutlope/hallmark
```
--------------------------------
### Example: Tail and Parse Nginx Logs
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/02-streampipe-cli/index.html
This example demonstrates how to tail an access log, parse it using the nginx format, filter for requests with status codes 500 or greater, and output the results in JSON format.
```bash
$ tail -f access.log | streampipe parse \
--format nginx \
--filter 'status >= 500' \
--out json
```
--------------------------------
### Hallmark Installation Link
Source: https://github.com/nutlope/hallmark/blob/main/docs/talk-slides.md
Scan this QR code to install the Hallmark skill. It's designed to be easily integrated into your workflow.
```plaintext
scan to install
```
--------------------------------
### Example CLI Command for Streampipe
Source: https://github.com/nutlope/hallmark/blob/main/docs/recipes.md
An example of how Streampipe can be used to parse Nginx access logs and output JSON, embedded within the landing page content.
```bash
$ streampipe -- a small, fast, single-binary CLI for parsing log and event streams from stdin.
tail -f access.log | streampipe parse --format nginx --out json
```
--------------------------------
### Manifesto Section Example
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/macrostructures/07-manifesto.md
An example of a manifesto section using HTML, demonstrating large, all-caps headings with accent highlights and a following claim paragraph.
```html
WE BELIEVE DESIGN IS SLOW.
It costs less than the rework you'll do without it.
```
--------------------------------
### Build Small Ceramics Studio Site
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build a site for a small ceramics studio using Hallmark.
```bash
$ /hallmark build a small ceramics studio site
```
--------------------------------
### Example: Filter by Milliseconds and Path
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/02-streampipe-cli/index.html
Shows filtering records where 'ms' is greater than 1000 and the 'path' starts with '/api'.
```bash
`ms > 1000 && path.startsWith('/api')`
```
--------------------------------
### Build SaaS Product Page
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build a modern-minimal SaaS product page using Hallmark.
```bash
$ /hallmark build a SaaS product page, modern-minimal
```
--------------------------------
### Build Software Architect Personal Site
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build a personal site for a software architect using Hallmark.
```bash
$ /hallmark build a software architect personal site
```
--------------------------------
### Build Developer Infrastructure Landing Page
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build a landing page for developer infrastructure using Hallmark.
```bash
$ /hallmark build a developer infrastructure landing page
```
--------------------------------
### Soft Voice Example: Pun
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
A Soft voice example using a restrained pun.
```text
It's about time.
```
--------------------------------
### Build Travel Booking Site
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build an atmospheric travel booking site using Hallmark.
```bash
$ /hallmark build a travel booking site, atmospheric
```
--------------------------------
### Technical Voice Example: Naming Inputs
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Technical voice example names the inputs and refuses generality.
```text
Read anything that emits lines. Files, pipes, sockets, kubectl logs.
```
--------------------------------
### Build Small-Batch Coffee Subscription Page
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build a small-batch coffee subscription page using Hallmark.
```bash
$ /hallmark build a small-batch coffee subscription page
```
--------------------------------
### Initialize a New Nexus Project
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/verbs/redesign/output.html
Use this command to create a new Nexus project. Replace 'my-team' with your desired project name.
```bash
$ npx nexus init my-team
```
--------------------------------
### Soft Voice Example: Claim with Refusal
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This example pairs a claim with a refusal, characteristic of Soft voice.
```text
This page is soft because the surface should be soft. The rules underneath are not.
```
--------------------------------
### Luxury Voice Example: Opinionated Engine
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Luxury voice example precisely names the role and embraces conflict.
```text
A small, opinionated craftsmanship engine that argues with your AI assistant on your behalf — and wins.
```
--------------------------------
### Nexus Initialization Command
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/verbs/redesign/notes.md
This command is used to initialize a new Nexus project. It is a small, self-contained example demonstrating a proof-of-concept within the redesigned structure.
```bash
nexus init
```
--------------------------------
### Luxury Voice Example: Studied Hand
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
A concise Luxury voice example where the determiner plays a key role.
```text
A studied hand.
```
--------------------------------
### Build Creative Studio with Playful Motion
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build a creative studio page with playful motion using Hallmark.
```bash
$ /hallmark build a creative studio with playful motion
```
--------------------------------
### Install shadcn/ui Components
Source: https://github.com/nutlope/hallmark/blob/main/docs/talk-slides.md
Use this command to add essential shadcn/ui components to your project. This helps agents generate UIs composed of real, well-designed elements.
```bash
npx shadcn@latest add button card dialog input table
```
--------------------------------
### Luxury Voice Example: Analogy
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Luxury voice example uses an analogy to treat the page as a social entity.
```text
A page should arrive like a person — composed, deliberate, in good clothes.
```
--------------------------------
### Build Moroccan Fashion Brand Landing Page
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example command to build a landing page for a Moroccan fashion brand using Hallmark.
```bash
$ /hallmark build a Moroccan fashion brand landing page
```
--------------------------------
### Luxury Voice Example: Refusal as Gatekeeping
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This example uses refusal as a form of gatekeeping, characteristic of a Luxury voice.
```text
By appointment.
```
--------------------------------
### Luxury Voice Example: Heritage and Scale
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Luxury voice example implies heritage and names the scale of the collective.
```text
The world's most acclaimed creative collective, where 23 partners work independently and collaboratively to shape the future of design.
```
--------------------------------
### Build Landing Page Prompt
Source: https://github.com/nutlope/hallmark/blob/main/site/index.html
Example prompt to generate a landing page for a dev event launch using an AI model (Sonnet 4.6). This demonstrates the input that might precede a Hallmark-enhanced output.
```bash
$ /hallmark build a landing page for a dev event launch.
```
--------------------------------
### Soft Voice Example: Passion via Enumeration
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Soft voice example expresses passion through enumeration and vulnerability.
```text
All I want to do is build websites. Typography, motion design, copywriting, performance — the web is an endless medium of opportunity.
```
--------------------------------
### Component State Styling Example
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/SKILL.md
Shows CSS rules for handling component states, including both standard pseudo-classes and custom classes for simultaneous rendering in a demo wrapper. This ensures states are visually represented.
```css
.btn:hover, .btn.is-hover { background: var(--color-paper-3); }
.btn:focus-visible, .btn.is-focus { outline: 2px solid var(--color-focus); }
.btn:active, .btn.is-active { transform: translateY(1px); }
```
--------------------------------
### Soft Voice Example: Version Number
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
A Soft voice example using a version number to signal craft-in-progress.
```text
Designer for the Web (v. XIX).
```
--------------------------------
### Preview of Hallmark Project Configuration
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/03-maple-bakery/brief.md
This markdown snippet summarizes the key configuration details for the Hallmark project, including macrostructure, theme, enrichment, sections, and motion primitives.
```markdown
**Hallmark · v0.6.0**
- **Macrostructure** · Catalogue
- **Theme** · Almanac (warm parchment paper · IM Fell Display roman-serif · warm-amber accent ~3%)
- **Enrichment** · Tier-A pure-CSS / inline-SVG bread silhouettes (one per item, 96px)
- **Sections** · Masthead · Today's bake (8-item catalogue grid) · Visit · Colophon
- **Motion** · row hover-rule (1 primitive)
- **Slop test** · 38 / 38 ✓
- **Diversification** · differs from v1 (Long Document/Linen) on macrostructure + display style
```
--------------------------------
### Brutalist Voice Example: Refusal
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This example demonstrates a Brutalist voice pattern using a direct refusal and all caps.
```text
WE ARE A STUDIO. WE ARE NOT A PLATFORM.
```
--------------------------------
### Reference Image Prompt Example
Source: https://github.com/nutlope/hallmark/blob/main/docs/talk-slides.md
When using an AI agent for design, provide a reference image and instruct the agent to extract structure rather than copy pixels. This helps convey taste and rhythm.
```text
→ pick a real site you admire.
→ ask the agent to extract the structure, not copy the pixels.
→ name the role of the type ("italic editorial serif"), not the font.
```
--------------------------------
### Open the Nexus Dashboard
Source: https://github.com/nutlope/hallmark/blob/main/site/_tests/verbs/redesign/output.html
Run this command after initializing your project to open the Nexus dashboard in your browser.
```bash
$ nexus open
```
--------------------------------
### Luxury Voice Example: Philosophical Statement
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This Luxury voice example uses a short, philosophical statement with repeated elements.
```text
Restraint, repeated, becomes a signature.
```
--------------------------------
### Technical Voice Example: Data Headline
Source: https://github.com/nutlope/hallmark/blob/main/skills/hallmark/references/copy.md
This example uses data points as the headline, characteristic of a data-first Technical voice.
```text
23 spans · 4 services · 482 ms.
```