spirewise 1.7.1 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -15
- package/bin/cli.js +63 -44
- package/install.sh +8 -8
- package/package.json +2 -4
- package/skills/README.md +0 -1
- package/skills/ai-agent-os-design-system/README.md +105 -0
- package/skills/ai-agent-os-design-system/SKILL.md +195 -0
- package/skills/ai-agent-os-design-system/accessibility-system.md +67 -0
- package/skills/ai-agent-os-design-system/color-system.md +102 -0
- package/skills/ai-agent-os-design-system/component-library.md +147 -0
- package/skills/ai-agent-os-design-system/design-principles.md +79 -0
- package/skills/ai-agent-os-design-system/example-page-structures.md +93 -0
- package/skills/ai-agent-os-design-system/layout-system.md +74 -0
- package/skills/ai-agent-os-design-system/motion-system.md +85 -0
- package/skills/ai-agent-os-design-system/spacing-system.md +87 -0
- package/skills/ai-agent-os-design-system/typography-system.md +91 -0
- package/skills/ai-agent-os-design-system/website-generation-rules.md +192 -0
- package/skills/ai-dark-futuristic-design-system/README.md +91 -0
- package/skills/ai-dark-futuristic-design-system/SKILL.md +179 -0
- package/skills/ai-dark-futuristic-design-system/accessibility-system.md +61 -0
- package/skills/ai-dark-futuristic-design-system/color-system.md +99 -0
- package/skills/ai-dark-futuristic-design-system/component-library.md +140 -0
- package/skills/ai-dark-futuristic-design-system/design-principles.md +66 -0
- package/skills/ai-dark-futuristic-design-system/example-page-structures.md +124 -0
- package/skills/ai-dark-futuristic-design-system/layout-system.md +85 -0
- package/skills/ai-dark-futuristic-design-system/motion-system.md +76 -0
- package/skills/ai-dark-futuristic-design-system/spacing-system.md +73 -0
- package/skills/ai-dark-futuristic-design-system/typography-system.md +89 -0
- package/skills/ai-dark-futuristic-design-system/website-generation-rules.md +220 -0
- package/skills/apple-premium-minimal-design-system/README.md +95 -0
- package/skills/apple-premium-minimal-design-system/SKILL.md +166 -0
- package/skills/apple-premium-minimal-design-system/accessibility-system.md +60 -0
- package/skills/apple-premium-minimal-design-system/color-system.md +100 -0
- package/skills/apple-premium-minimal-design-system/component-library.md +136 -0
- package/skills/apple-premium-minimal-design-system/design-principles.md +65 -0
- package/skills/apple-premium-minimal-design-system/example-page-structures.md +90 -0
- package/skills/apple-premium-minimal-design-system/layout-system.md +89 -0
- package/skills/apple-premium-minimal-design-system/motion-system.md +75 -0
- package/skills/apple-premium-minimal-design-system/spacing-system.md +73 -0
- package/skills/apple-premium-minimal-design-system/typography-system.md +86 -0
- package/skills/apple-premium-minimal-design-system/website-generation-rules.md +207 -0
- package/skills/bento-grid-design-system/README.md +97 -0
- package/skills/bento-grid-design-system/SKILL.md +185 -0
- package/skills/bento-grid-design-system/accessibility-system.md +54 -0
- package/skills/bento-grid-design-system/color-system.md +98 -0
- package/skills/bento-grid-design-system/component-library.md +138 -0
- package/skills/bento-grid-design-system/design-principles.md +72 -0
- package/skills/bento-grid-design-system/example-page-structures.md +91 -0
- package/skills/bento-grid-design-system/layout-system.md +93 -0
- package/skills/bento-grid-design-system/motion-system.md +81 -0
- package/skills/bento-grid-design-system/spacing-system.md +77 -0
- package/skills/bento-grid-design-system/typography-system.md +85 -0
- package/skills/bento-grid-design-system/website-generation-rules.md +193 -0
- package/skills/brutalist-tech-design-system/README.md +100 -0
- package/skills/brutalist-tech-design-system/SKILL.md +185 -0
- package/skills/brutalist-tech-design-system/accessibility-system.md +61 -0
- package/skills/brutalist-tech-design-system/color-system.md +101 -0
- package/skills/brutalist-tech-design-system/component-library.md +117 -0
- package/skills/brutalist-tech-design-system/design-principles.md +73 -0
- package/skills/brutalist-tech-design-system/example-page-structures.md +92 -0
- package/skills/brutalist-tech-design-system/layout-system.md +74 -0
- package/skills/brutalist-tech-design-system/motion-system.md +80 -0
- package/skills/brutalist-tech-design-system/spacing-system.md +86 -0
- package/skills/brutalist-tech-design-system/typography-system.md +94 -0
- package/skills/brutalist-tech-design-system/website-generation-rules.md +195 -0
- package/skills/crunchbase-profile-generator/README.md +64 -0
- package/skills/crunchbase-profile-generator/SKILL.md +189 -0
- package/skills/editorial-luxury-design-system/README.md +98 -0
- package/skills/editorial-luxury-design-system/SKILL.md +187 -0
- package/skills/editorial-luxury-design-system/accessibility-system.md +63 -0
- package/skills/editorial-luxury-design-system/color-system.md +95 -0
- package/skills/editorial-luxury-design-system/component-library.md +131 -0
- package/skills/editorial-luxury-design-system/design-principles.md +77 -0
- package/skills/editorial-luxury-design-system/example-page-structures.md +94 -0
- package/skills/editorial-luxury-design-system/layout-system.md +80 -0
- package/skills/editorial-luxury-design-system/motion-system.md +82 -0
- package/skills/editorial-luxury-design-system/spacing-system.md +77 -0
- package/skills/editorial-luxury-design-system/typography-system.md +107 -0
- package/skills/editorial-luxury-design-system/website-generation-rules.md +194 -0
- package/skills/enterprise-data-viz-design-system/README.md +98 -0
- package/skills/enterprise-data-viz-design-system/SKILL.md +195 -0
- package/skills/enterprise-data-viz-design-system/accessibility-system.md +68 -0
- package/skills/enterprise-data-viz-design-system/color-system.md +112 -0
- package/skills/enterprise-data-viz-design-system/component-library.md +142 -0
- package/skills/enterprise-data-viz-design-system/design-principles.md +75 -0
- package/skills/enterprise-data-viz-design-system/example-page-structures.md +89 -0
- package/skills/enterprise-data-viz-design-system/layout-system.md +75 -0
- package/skills/enterprise-data-viz-design-system/motion-system.md +86 -0
- package/skills/enterprise-data-viz-design-system/spacing-system.md +85 -0
- package/skills/enterprise-data-viz-design-system/typography-system.md +100 -0
- package/skills/enterprise-data-viz-design-system/website-generation-rules.md +196 -0
- package/skills/f6s-copywriting/README.md +16 -6
- package/skills/f6s-copywriting/SKILL.md +162 -46
- package/skills/glassmorphism-design-system/README.md +98 -0
- package/skills/glassmorphism-design-system/SKILL.md +190 -0
- package/skills/glassmorphism-design-system/accessibility-system.md +62 -0
- package/skills/glassmorphism-design-system/color-system.md +128 -0
- package/skills/glassmorphism-design-system/component-library.md +120 -0
- package/skills/glassmorphism-design-system/design-principles.md +77 -0
- package/skills/glassmorphism-design-system/example-page-structures.md +92 -0
- package/skills/glassmorphism-design-system/layout-system.md +81 -0
- package/skills/glassmorphism-design-system/motion-system.md +86 -0
- package/skills/glassmorphism-design-system/spacing-system.md +73 -0
- package/skills/glassmorphism-design-system/typography-system.md +90 -0
- package/skills/glassmorphism-design-system/website-generation-rules.md +195 -0
- package/skills/linkedin-copywriting/README.md +15 -8
- package/skills/linkedin-copywriting/SKILL.md +129 -51
- package/skills/motion-storytelling-design-system/README.md +100 -0
- package/skills/motion-storytelling-design-system/SKILL.md +191 -0
- package/skills/motion-storytelling-design-system/accessibility-system.md +71 -0
- package/skills/motion-storytelling-design-system/color-system.md +101 -0
- package/skills/motion-storytelling-design-system/component-library.md +122 -0
- package/skills/motion-storytelling-design-system/design-principles.md +81 -0
- package/skills/motion-storytelling-design-system/example-page-structures.md +91 -0
- package/skills/motion-storytelling-design-system/layout-system.md +79 -0
- package/skills/motion-storytelling-design-system/motion-system.md +116 -0
- package/skills/motion-storytelling-design-system/spacing-system.md +83 -0
- package/skills/motion-storytelling-design-system/typography-system.md +89 -0
- package/skills/motion-storytelling-design-system/website-generation-rules.md +200 -0
- package/skills/nvidia-inception-idea-booster/README.md +43 -24
- package/skills/nvidia-inception-idea-booster/SKILL.md +260 -116
- package/skills/nvidia-inception-starter/README.md +6 -5
- package/skills/nvidia-inception-starter/SKILL.md +80 -43
- package/skills/nvidia-product-inventor/README.md +44 -40
- package/skills/nvidia-product-inventor/SKILL.md +265 -247
- package/skills/nvidia-startup-idea-founder/README.md +66 -26
- package/skills/nvidia-startup-idea-founder/SKILL.md +245 -189
- package/skills/product-demo-first-design-system/README.md +96 -0
- package/skills/product-demo-first-design-system/SKILL.md +185 -0
- package/skills/product-demo-first-design-system/accessibility-system.md +58 -0
- package/skills/product-demo-first-design-system/color-system.md +109 -0
- package/skills/product-demo-first-design-system/component-library.md +142 -0
- package/skills/product-demo-first-design-system/design-principles.md +66 -0
- package/skills/product-demo-first-design-system/example-page-structures.md +95 -0
- package/skills/product-demo-first-design-system/layout-system.md +76 -0
- package/skills/product-demo-first-design-system/motion-system.md +82 -0
- package/skills/product-demo-first-design-system/spacing-system.md +74 -0
- package/skills/product-demo-first-design-system/typography-system.md +87 -0
- package/skills/product-demo-first-design-system/website-generation-rules.md +194 -0
- package/skills/website-design-skills/01-proof/README.md +0 -47
- package/skills/website-design-skills/01-proof/SKILL.md +0 -303
- package/skills/website-design-skills/02-kajabi/README.md +0 -42
- package/skills/website-design-skills/02-kajabi/SKILL.md +0 -272
- package/skills/website-design-skills/03-lattice/README.md +0 -42
- package/skills/website-design-skills/03-lattice/SKILL.md +0 -271
- package/skills/website-design-skills/04-petal/README.md +0 -42
- package/skills/website-design-skills/04-petal/SKILL.md +0 -271
- package/skills/website-design-skills/05-dropbox-sign/README.md +0 -42
- package/skills/website-design-skills/05-dropbox-sign/SKILL.md +0 -271
- package/skills/website-design-skills/06-distributional/README.md +0 -42
- package/skills/website-design-skills/06-distributional/SKILL.md +0 -271
- package/skills/website-design-skills/07-appcues/README.md +0 -42
- package/skills/website-design-skills/07-appcues/SKILL.md +0 -271
- package/skills/website-design-skills/08-memberstack/README.md +0 -42
- package/skills/website-design-skills/08-memberstack/SKILL.md +0 -271
- package/skills/website-design-skills/09-flank/README.md +0 -42
- package/skills/website-design-skills/09-flank/SKILL.md +0 -275
- package/skills/website-design-skills/10-slidebean/README.md +0 -42
- package/skills/website-design-skills/10-slidebean/SKILL.md +0 -275
- package/skills/website-design-skills/11-formstack/README.md +0 -42
- package/skills/website-design-skills/11-formstack/SKILL.md +0 -275
- package/skills/website-design-skills/12-thalamus/README.md +0 -42
- package/skills/website-design-skills/12-thalamus/SKILL.md +0 -275
- package/skills/website-design-skills/13-grow/README.md +0 -42
- package/skills/website-design-skills/13-grow/SKILL.md +0 -275
- package/skills/website-design-skills/14-gemnote/README.md +0 -42
- package/skills/website-design-skills/14-gemnote/SKILL.md +0 -275
- package/skills/website-design-skills/15-draftbit/README.md +0 -42
- package/skills/website-design-skills/15-draftbit/SKILL.md +0 -275
- package/skills/website-design-skills/16-payman/README.md +0 -42
- package/skills/website-design-skills/16-payman/SKILL.md +0 -273
- package/skills/website-design-skills/17-effortel/README.md +0 -42
- package/skills/website-design-skills/17-effortel/SKILL.md +0 -272
- package/skills/website-design-skills/18-adopt/README.md +0 -42
- package/skills/website-design-skills/18-adopt/SKILL.md +0 -273
- package/skills/website-design-skills/19-kraftful/README.md +0 -42
- package/skills/website-design-skills/19-kraftful/SKILL.md +0 -273
- package/skills/website-design-skills/20-greenhouse/README.md +0 -42
- package/skills/website-design-skills/20-greenhouse/SKILL.md +0 -273
- package/skills/website-design-skills/21-weavy/README.md +0 -42
- package/skills/website-design-skills/21-weavy/SKILL.md +0 -273
- package/skills/website-design-skills/22-safetykit/README.md +0 -42
- package/skills/website-design-skills/22-safetykit/SKILL.md +0 -273
- package/skills/website-design-skills/23-modulify/README.md +0 -42
- package/skills/website-design-skills/23-modulify/SKILL.md +0 -270
- package/skills/website-design-skills/24-realm/README.md +0 -42
- package/skills/website-design-skills/24-realm/SKILL.md +0 -270
- package/skills/website-design-skills/25-modyfi/README.md +0 -42
- package/skills/website-design-skills/25-modyfi/SKILL.md +0 -269
- package/skills/website-design-skills/26-altitude/README.md +0 -42
- package/skills/website-design-skills/26-altitude/SKILL.md +0 -270
- package/skills/website-design-skills/27-way/README.md +0 -42
- package/skills/website-design-skills/27-way/SKILL.md +0 -270
- package/skills/website-design-skills/28-zentail/README.md +0 -42
- package/skills/website-design-skills/28-zentail/SKILL.md +0 -270
- package/skills/website-design-skills/29-zams/README.md +0 -42
- package/skills/website-design-skills/29-zams/SKILL.md +0 -270
- package/skills/website-design-skills/30-user-interviews/README.md +0 -44
- package/skills/website-design-skills/30-user-interviews/SKILL.md +0 -273
- package/skills/website-design-skills/31-bland/README.md +0 -44
- package/skills/website-design-skills/31-bland/SKILL.md +0 -273
- package/skills/website-design-skills/32-nauto/README.md +0 -44
- package/skills/website-design-skills/32-nauto/SKILL.md +0 -273
- package/skills/website-design-skills/33-bill/README.md +0 -44
- package/skills/website-design-skills/33-bill/SKILL.md +0 -273
- package/skills/website-design-skills/34-localyzer/README.md +0 -44
- package/skills/website-design-skills/34-localyzer/SKILL.md +0 -273
- package/skills/website-design-skills/35-jasper/README.md +0 -44
- package/skills/website-design-skills/35-jasper/SKILL.md +0 -273
- package/skills/website-design-skills/README.md +0 -108
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
# Spacing System — Brutalist Tech
|
|
2
|
+
|
|
3
|
+
A strict **4-point base / 8-point rhythm**, plus **thick-border** and **hard-shadow** tokens
|
|
4
|
+
that define the brutalist look. Sections separate via **inverted color blocks** + whitespace —
|
|
5
|
+
never borders/dividers between sections.
|
|
6
|
+
|
|
7
|
+
## Scale tokens
|
|
8
|
+
|
|
9
|
+
```css
|
|
10
|
+
:root {
|
|
11
|
+
/* 4-pt base, 8-pt rhythm */
|
|
12
|
+
--space-0: 0; --space-1: 4px; --space-2: 8px; --space-3: 12px;
|
|
13
|
+
--space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;
|
|
14
|
+
--space-10: 40px; --space-12: 48px; --space-16: 64px; --space-20: 80px;
|
|
15
|
+
--space-24: 96px; --space-28: 112px;--space-32: 128px;--space-40: 160px;
|
|
16
|
+
|
|
17
|
+
/* Radii — brutalism is hard-edged: 0 by default (tiny radius optional) */
|
|
18
|
+
--radius-0: 0; --radius-sm: 2px; --radius-md: 4px; --radius-pill: 999px;
|
|
19
|
+
|
|
20
|
+
/* Borders & hard shadows (component-level — the signature) */
|
|
21
|
+
--border-w: 3px; --border-w-2: 4px;
|
|
22
|
+
--border: var(--border-w) solid var(--ink);
|
|
23
|
+
--shadow-sm: 3px 3px 0 var(--ink);
|
|
24
|
+
--shadow: 6px 6px 0 var(--ink); /* no blur */
|
|
25
|
+
--shadow-lg: 10px 10px 0 var(--ink);
|
|
26
|
+
|
|
27
|
+
/* Containers */
|
|
28
|
+
--container-sm: 680px; --container-md: 860px; --container-lg: 1080px;
|
|
29
|
+
--container-xl: 1280px; --container-2xl: 1440px; /* wide blocks */
|
|
30
|
+
--gutter: clamp(20px, 4vw, 40px);
|
|
31
|
+
|
|
32
|
+
/* Section / block rhythm (fluid) */
|
|
33
|
+
--section-y: clamp(64px, 8vw, 128px);
|
|
34
|
+
--section-y-lg: clamp(88px, 11vw, 168px); /* hero / big blocks */
|
|
35
|
+
--grid-gap: clamp(16px, 2vw, 28px);
|
|
36
|
+
--stack: clamp(16px, 2vw, 24px);
|
|
37
|
+
}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Usage map
|
|
41
|
+
|
|
42
|
+
- **4-pt** (`--space-1..6`): inside components — button/badge padding (`--space-3 --space-6`),
|
|
43
|
+
card internal gaps, label↔value, list-item gaps.
|
|
44
|
+
- **8-pt** (`--space-8..16`): between components — card grid gaps (`--grid-gap`), block padding,
|
|
45
|
+
form rows.
|
|
46
|
+
- **Borders/shadows:** every card/button/input/table uses `--border` + a hard `--shadow*`.
|
|
47
|
+
Keep **border widths consistent** (3px default, 4px for emphasis) — consistency makes raw
|
|
48
|
+
read as designed, not broken. **No blur** in any shadow.
|
|
49
|
+
- **Container widths:** standard blocks `--container-lg/xl`; wide/full-bleed blocks
|
|
50
|
+
`--container-2xl` or true full-bleed; prose/docs `--container-md`.
|
|
51
|
+
- **Section spacing:** every block gets `padding-block: var(--section-y)`; hero/big blocks
|
|
52
|
+
`--section-y-lg`. Blocks are full-bleed; inner `.container` constrains content.
|
|
53
|
+
- **Page spacing:** sections stack with no extra margins and **no borders/dividers** —
|
|
54
|
+
**inverted block backgrounds** + `--section-y` padding separate them.
|
|
55
|
+
|
|
56
|
+
## Rules
|
|
57
|
+
|
|
58
|
+
1. **Only use scale values** for padding/gaps; only `--border-w`/`--border-w-2` for borders.
|
|
59
|
+
2. **Consistent borders/shadows.** Same border width + same hard-shadow offset across
|
|
60
|
+
components so the system feels intentional.
|
|
61
|
+
3. **Hard edges.** Default `--radius-0`; allow `--radius-sm/md` only if a brand wants a hint of
|
|
62
|
+
softness. Never pillowy.
|
|
63
|
+
4. **Full-bleed blocks, contained content.** Sections span edge-to-edge in their block color;
|
|
64
|
+
inner `.container` holds the content.
|
|
65
|
+
5. **Inverted blocks + space > dividers.** Separate sections by block color inversion, never lines.
|
|
66
|
+
|
|
67
|
+
## Helpers
|
|
68
|
+
|
|
69
|
+
```css
|
|
70
|
+
.container { width:100%; max-width: var(--container-xl);
|
|
71
|
+
margin-inline:auto; padding-inline: var(--gutter); }
|
|
72
|
+
.container--wide { max-width: var(--container-2xl); }
|
|
73
|
+
.container--narrow { max-width: var(--container-md); }
|
|
74
|
+
|
|
75
|
+
.section { padding-block: var(--section-y); border: 0; } /* no border between sections */
|
|
76
|
+
.section--lg { padding-block: var(--section-y-lg); }
|
|
77
|
+
/* Section blocks — invert to separate (NOT a divider line) */
|
|
78
|
+
.block-paper { background: var(--block-paper); color: var(--text-primary); }
|
|
79
|
+
.block-white { background: var(--block-white); color: var(--text-primary); }
|
|
80
|
+
.block-ink { background: var(--block-ink); color: var(--text-invert); }
|
|
81
|
+
.block-accent { background: var(--block-accent); color: var(--on-accent); }
|
|
82
|
+
|
|
83
|
+
.box { border: var(--border); box-shadow: var(--shadow); background: var(--paper-2);
|
|
84
|
+
border-radius: var(--radius-0); } /* the brutalist card primitive */
|
|
85
|
+
.stack > * + * { margin-top: var(--stack); }
|
|
86
|
+
```
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
# Typography System — Brutalist Tech
|
|
2
|
+
|
|
3
|
+
Type is the graphic. A signature **monospace** (the "tech" voice) + a **bold grotesk** for
|
|
4
|
+
oversized display, set large, tight, and often UPPERCASE. Loud, structural, and — critically —
|
|
5
|
+
**highly legible**. Fluid scale that goes big on desktop and stays readable on mobile.
|
|
6
|
+
|
|
7
|
+
## Fonts
|
|
8
|
+
|
|
9
|
+
```css
|
|
10
|
+
:root {
|
|
11
|
+
/* Monospace — the signature brutalist-tech voice (labels, UI, code, even body) */
|
|
12
|
+
--font-mono: "Space Mono", "IBM Plex Mono", "JetBrains Mono", "Geist Mono",
|
|
13
|
+
ui-monospace, "SF Mono", Menlo, monospace;
|
|
14
|
+
/* Bold grotesk — oversized display headlines */
|
|
15
|
+
--font-grotesk: "Space Grotesk", "Archivo", "Neue Haas Grotesk", "Helvetica Neue",
|
|
16
|
+
Helvetica, Arial, sans-serif;
|
|
17
|
+
/* Body sans (or use mono for body for a fuller brutalist feel) */
|
|
18
|
+
--font-sans: "Inter", "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
|
|
19
|
+
|
|
20
|
+
--font-display: var(--font-grotesk); /* huge headlines */
|
|
21
|
+
--font-body: var(--font-sans); /* or var(--font-mono) for full brutalist */
|
|
22
|
+
}
|
|
23
|
+
```
|
|
24
|
+
Notes:
|
|
25
|
+
- **Mono is the personality** — use it for kickers/labels (`[ LABEL ]`), nav, buttons, code,
|
|
26
|
+
captions, and optionally body. **Grotesk** (Space Grotesk/Archivo/Helvetica) for big display.
|
|
27
|
+
- System fallbacks (Helvetica/Arial/monospace) are *on brand* — raw and honest. No webfont required.
|
|
28
|
+
|
|
29
|
+
## Fluid type scale (clamp) — oversized
|
|
30
|
+
|
|
31
|
+
```css
|
|
32
|
+
:root {
|
|
33
|
+
--fs-display: clamp(3rem, 1.4rem + 7.4vw, 7rem); /* 48 → 112px brutal hero */
|
|
34
|
+
--fs-h1: clamp(2.5rem, 1.6rem + 4.2vw, 4.75rem); /* 40 → 76px */
|
|
35
|
+
--fs-h2: clamp(2rem, 1.4rem + 2.8vw, 3.25rem); /* 32 → 52px */
|
|
36
|
+
--fs-h3: clamp(1.5rem, 1.2rem + 1.4vw, 2.125rem); /* 24 → 34px */
|
|
37
|
+
--fs-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); /* 20 → 24px */
|
|
38
|
+
--fs-lead: clamp(1.125rem, 1.02rem + 0.55vw, 1.4375rem);/* 18 → 23px */
|
|
39
|
+
--fs-body: 1rem; /* 16px base */
|
|
40
|
+
--fs-body-lg: 1.0625rem; /* 17px */
|
|
41
|
+
--fs-small: 0.875rem; /* 14px caption / label */
|
|
42
|
+
--fs-micro: 0.75rem; /* 12px mono tag */
|
|
43
|
+
}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## Roles (each: family · size · weight · line-height · tracking · case)
|
|
47
|
+
|
|
48
|
+
| Role | Family | Size | Weight | LH | Tracking | Case |
|
|
49
|
+
|---|---|---|---|---|---|---|
|
|
50
|
+
| **Display** (hero) | grotesk | `--fs-display` | 700–800 | 0.95–1.0 | -0.02em | UPPERCASE (or title) |
|
|
51
|
+
| **H1** | grotesk | `--fs-h1` | 700–800 | 1.0 | -0.02em | UPPERCASE/title |
|
|
52
|
+
| **H2** (section) | grotesk | `--fs-h2` | 700 | 1.05 | -0.015em | UPPERCASE/title |
|
|
53
|
+
| **H3** | grotesk/mono | `--fs-h3` | 700 | 1.15 | -0.01em | title |
|
|
54
|
+
| **H4** | mono/grotesk | `--fs-h4` | 700 | 1.25 | 0 | title |
|
|
55
|
+
| **Kicker / tag** | mono | `--fs-micro` | 500–700 | 1.2 | 0.06em | UPPERCASE `[ … ]` |
|
|
56
|
+
| **Lead / deck** | sans/mono | `--fs-lead` | 400–500 | 1.45 | 0 | sentence |
|
|
57
|
+
| **Body** | sans (or mono) | `--fs-body`/`-lg` | 400 | 1.55 | 0 | sentence |
|
|
58
|
+
| **Caption / meta** | mono | `--fs-small` | 400–500 | 1.4 | 0 | sentence/UPPER |
|
|
59
|
+
| **Button** | mono | `--fs-body` (`0.9375rem`) | 700 | 1 | 0.02em | UPPERCASE |
|
|
60
|
+
| **Navigation** | mono | `--fs-small`/`--fs-body` | 500–700 | 1 | 0.02em | UPPERCASE |
|
|
61
|
+
| **Pricing amount** | grotesk/mono | `clamp(2.5rem,2rem+2vw,4rem)` | 800 | 1 | -0.02em | — |
|
|
62
|
+
| **Code / terminal** | mono | `--fs-small` | 400–500 | 1.5 | 0 | — |
|
|
63
|
+
|
|
64
|
+
## Rules
|
|
65
|
+
|
|
66
|
+
1. **Go big.** Display/H1 should feel almost too large — brutalism is confident. Tighten
|
|
67
|
+
line-height (≤1.0) and tracking (slightly negative) at huge sizes.
|
|
68
|
+
2. **Mono everywhere it counts** — labels, nav, buttons, captions, code — for the tech voice.
|
|
69
|
+
You may set **body in mono** for a fuller brutalist feel (keep line-height ~1.55, measure ≤ 70ch).
|
|
70
|
+
3. **UPPERCASE labels/buttons/nav**, tracked slightly; sentence case for body for readability.
|
|
71
|
+
4. **No timid type.** Avoid thin weights and small headings; weight + size carry hierarchy.
|
|
72
|
+
5. **Legibility is mandatory.** Big + high-contrast = readable; don't crush spacing or use
|
|
73
|
+
illegible display faces for body. Measure body ≤ 70ch.
|
|
74
|
+
6. **One display moment per page** (the hero); other headings step down but stay bold.
|
|
75
|
+
7. **Numbers** can use mono tabular figures for a mechanical feel (`tabular-nums`).
|
|
76
|
+
|
|
77
|
+
## Base CSS
|
|
78
|
+
|
|
79
|
+
```css
|
|
80
|
+
body { font-family: var(--font-body); font-size: var(--fs-body); line-height: 1.55;
|
|
81
|
+
color: var(--text-primary); -webkit-font-smoothing: antialiased;
|
|
82
|
+
text-rendering: optimizeLegibility; }
|
|
83
|
+
h1,h2 { font-family: var(--font-display); font-weight: 800; line-height: 1.0;
|
|
84
|
+
letter-spacing: -0.02em; text-transform: uppercase; color: var(--text-primary);
|
|
85
|
+
text-wrap: balance; }
|
|
86
|
+
h1 { font-size: var(--fs-h1); }
|
|
87
|
+
.kicker { font-family: var(--font-mono); font-size: var(--fs-micro); font-weight:700;
|
|
88
|
+
letter-spacing:.06em; text-transform:uppercase; }
|
|
89
|
+
.kicker::before { content:"[ "; } .kicker::after { content:" ]"; }
|
|
90
|
+
.lead { font-size: var(--fs-lead); max-width: 60ch; }
|
|
91
|
+
.btn, nav a { font-family: var(--font-mono); text-transform: uppercase; letter-spacing:.02em; }
|
|
92
|
+
code, pre, .mono { font-family: var(--font-mono); }
|
|
93
|
+
p { max-width: 70ch; }
|
|
94
|
+
```
|
|
@@ -0,0 +1,195 @@
|
|
|
1
|
+
# Website Generation Rules — Brutalist Tech
|
|
2
|
+
|
|
3
|
+
How an agent turns this design system into a **production-ready, multi-page, brutalist
|
|
4
|
+
website**. Output clean, semantic **pure HTML + CSS + vanilla JavaScript** plus design tokens.
|
|
5
|
+
The signature: stark color blocks, oversized mono/grotesk type, thick component borders, hard
|
|
6
|
+
**offset shadows (no blur)**, and snappy mechanical motion. (The token/spec system can be
|
|
7
|
+
exported for other agents — but the site itself is pure vanilla.)
|
|
8
|
+
|
|
9
|
+
## Technology stack (MANDATORY — no frameworks, no libraries)
|
|
10
|
+
|
|
11
|
+
Build everything with **HTML5 + CSS3 + vanilla JavaScript only**. The generated site must
|
|
12
|
+
contain **zero** of:
|
|
13
|
+
|
|
14
|
+
> ❌ React · ❌ Vue · ❌ Angular · ❌ Svelte/Next/Nuxt · ❌ Bootstrap · ❌ Tailwind ·
|
|
15
|
+
> ❌ jQuery · ❌ any UI library · ❌ any CSS framework · ❌ any JS animation/utility library
|
|
16
|
+
|
|
17
|
+
No build step, no npm dependencies, no CDN kits. Blocks/borders/shadows are CSS; marquees/
|
|
18
|
+
press/reveals are native CSS + a little vanilla JS. (The "raw HTML/CSS/JS" ethos *is* the
|
|
19
|
+
brutalist brand — lean into it.) Exporting `tokens.json` for other agents is allowed; shipping
|
|
20
|
+
the site in a framework is not.
|
|
21
|
+
|
|
22
|
+
## Mandatory scale & structure (read first)
|
|
23
|
+
- **Multipage: build 15+ pages (recommended ~20)** — a full site map, not one page.
|
|
24
|
+
- **Every page has at least 10 sections (recommend 12)** from the layouts/components.
|
|
25
|
+
- **No borders/dividers between sections.** Brutalism uses thick borders — but **only inside
|
|
26
|
+
components** (cards, buttons, tables, exposed grids). Between **page sections**, separate with
|
|
27
|
+
**full-bleed inverted color blocks** (`.block-paper`/`.block-white`/`.block-ink`/
|
|
28
|
+
`.block-accent`) + whitespace + type. In CSS: `.section { border: 0 }`; **never** an `<hr>`/
|
|
29
|
+
divider element or `border-top/bottom` between two sections.
|
|
30
|
+
- **Flat only:** no gradients, no glassmorphism, no blurred shadows (shadows are hard offsets).
|
|
31
|
+
- **Clean, extensionless, Vercel-ready URLs** (`/pricing`, not `/pricing.html`).
|
|
32
|
+
|
|
33
|
+
## Required pages (build all — 15+; ~20 recommended)
|
|
34
|
+
Home `/` · Platform `/platform` · Solutions `/solutions` · Products `/products` ·
|
|
35
|
+
Features `/features` · AI Agents `/ai-agents` · Enterprise `/enterprise` · Security
|
|
36
|
+
`/security` · Pricing `/pricing` · Customers `/customers` · Case Studies `/case-studies` ·
|
|
37
|
+
Developers `/developers` · Documentation `/docs` · About `/about` · Careers `/careers` · Blog
|
|
38
|
+
`/blog` · Contact `/contact` · Partners `/partners` · Resources `/resources` · FAQ `/faq`. Add
|
|
39
|
+
subpages freely.
|
|
40
|
+
|
|
41
|
+
## Required sections (every page — ≥10, recommend 12)
|
|
42
|
+
Hero (block) · Feature Sections · Product Highlights · Trust Signals (logos/marquee) ·
|
|
43
|
+
Testimonials · Use Cases · Statistics · Integrations · CTA (accent block) · Footer (ink block).
|
|
44
|
+
Add more (Security, Enterprise, Exposed grid, Code/Terminal, Pricing, FAQ) to reach 12, and
|
|
45
|
+
**alternate block colors** so adjacent sections invert.
|
|
46
|
+
|
|
47
|
+
## Site types this must support
|
|
48
|
+
Landing pages · startup websites · AI company websites · enterprise SaaS · developer platforms ·
|
|
49
|
+
agentic-AI startups · infrastructure startups. (See `example-page-structures.md`.)
|
|
50
|
+
|
|
51
|
+
## What to generate
|
|
52
|
+
- **HTML** — semantic, accessible, one file per page; full-bleed block sections.
|
|
53
|
+
- **CSS** — `tokens.css` (`:root` vars) + `styles.css` (base + blocks + box/btn + components).
|
|
54
|
+
- **JavaScript** — vanilla: nav/menu, marquee control, accordion, tabs, copy, count-up,
|
|
55
|
+
snappy reveals — all reduced-motion-aware. Usable without JS.
|
|
56
|
+
- **`vercel.json`** + **`sitemap.xml`** + **`robots.txt`**.
|
|
57
|
+
- **Design tokens** — `tokens.json` (token export only).
|
|
58
|
+
- **Component specifications** — when asked for the *system*, emit block/box/btn markup + tokens.
|
|
59
|
+
- **Accessibility + responsive guidance** inline (comments) and honored.
|
|
60
|
+
|
|
61
|
+
## File/output layout (default — flat files + clean URLs)
|
|
62
|
+
```
|
|
63
|
+
website/
|
|
64
|
+
├── index.html # served at /
|
|
65
|
+
├── platform.html solutions.html products.html features.html ai-agents.html
|
|
66
|
+
├── enterprise.html security.html pricing.html customers.html case-studies.html
|
|
67
|
+
├── developers.html docs.html about.html careers.html blog.html contact.html
|
|
68
|
+
├── partners.html resources.html faq.html
|
|
69
|
+
├── css/ { tokens.css, styles.css }
|
|
70
|
+
├── js/ { main.js } # nav, marquee, accordion, reveal, copy, count-up
|
|
71
|
+
├── assets/ # logos, icons, og images
|
|
72
|
+
├── tokens.json
|
|
73
|
+
├── sitemap.xml robots.txt
|
|
74
|
+
└── vercel.json
|
|
75
|
+
```
|
|
76
|
+
Alternative: folder-per-page `platform/index.html`. Either way **all internal links are
|
|
77
|
+
extensionless** (`href="/pricing"`).
|
|
78
|
+
|
|
79
|
+
## Clean URLs & Vercel (MANDATORY)
|
|
80
|
+
- **No `.html` in any URL**, no `page.html` links, no ugly query params.
|
|
81
|
+
- Emit **`vercel.json`** so `.html` is stripped, refresh works, and deep links resolve:
|
|
82
|
+
```json
|
|
83
|
+
{
|
|
84
|
+
"cleanUrls": true,
|
|
85
|
+
"trailingSlash": false,
|
|
86
|
+
"headers": [
|
|
87
|
+
{ "source": "/assets/(.*)", "headers": [
|
|
88
|
+
{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" } ] }
|
|
89
|
+
]
|
|
90
|
+
}
|
|
91
|
+
```
|
|
92
|
+
`cleanUrls: true` serves `platform.html` at `/platform` and 301-redirects `.html`. Provide a
|
|
93
|
+
`404.html` (make it a fun brutalist "404 // NOT FOUND" block). Every internal link is extensionless.
|
|
94
|
+
|
|
95
|
+
## Navigation system (vanilla JS)
|
|
96
|
+
- **Desktop nav** = bordered bar with mono UPPERCASE links; optional blocky dropdown (a `.box`
|
|
97
|
+
panel). Keyboard + `aria-expanded`/`aria-haspopup`.
|
|
98
|
+
- **Mobile nav**: full-screen block overlay, big mono links, focus-trap, ESC.
|
|
99
|
+
- **Multi-level nav** + **breadcrumbs** on deep pages (mono `home / docs / page`); `aria-current="page"`.
|
|
100
|
+
|
|
101
|
+
## Hard rules
|
|
102
|
+
1. **Vanilla only.** No frameworks/libraries in the shipped site.
|
|
103
|
+
2. **Brutalist craft.** Stark inverted color blocks; oversized mono/grotesk type; thick component
|
|
104
|
+
borders + **hard offset shadows (no blur)**; one loud accent; flat (no gradients/glass).
|
|
105
|
+
3. **Tokens first, once.** All colors/type/spacing/borders/shadows as `:root` vars; no scattered
|
|
106
|
+
hex/px; rebrand = change `--accent` (and pick `--on-accent`).
|
|
107
|
+
4. **No section borders.** Separate sections with **inverted blocks** + space. `.section{border:0}`;
|
|
108
|
+
component borders live inside sections.
|
|
109
|
+
5. **Mobile-first + responsive**; blocks stack; oversized type clamps; marquees clip inside their
|
|
110
|
+
band; no unintended page horizontal scroll.
|
|
111
|
+
6. **Semantic + accessible** per `accessibility-system.md` (high contrast incl. accent fills,
|
|
112
|
+
thick focus that survives the press, all-caps only for labels/headings, reduced motion).
|
|
113
|
+
7. **Components from the library** (blocky). Every component responsive, accessible, reusable,
|
|
114
|
+
production-ready.
|
|
115
|
+
8. **Performance:** system/mono fonts (no webfont needed); SVG icons; lazy media; animate
|
|
116
|
+
transform/opacity/box-shadow-offset; minimal JS; high Lighthouse (90+).
|
|
117
|
+
9. **SEO on every page** (below). **Real, punchy copy** (brutalist voice — short, bold); mark
|
|
118
|
+
guesses `[PLACEHOLDER]`.
|
|
119
|
+
10. **Self-verify** against anti-patterns + every companion checklist before done.
|
|
120
|
+
|
|
121
|
+
## SEO requirements (every page)
|
|
122
|
+
Unique `<title>` + meta description (150–160); **Open Graph** + **Twitter card**
|
|
123
|
+
(`summary_large_image`) + OG image; **canonical** (clean URL); **JSON-LD** (`Organization` +
|
|
124
|
+
`WebSite` site-wide; `Product`, `FAQPage`, `BreadcrumbList`, `Article` where relevant);
|
|
125
|
+
**`sitemap.xml`** + **`robots.txt`**.
|
|
126
|
+
|
|
127
|
+
## Performance requirements
|
|
128
|
+
System/mono fonts, SVG icons, lazy media, compositor-only animation, minimal vanilla JS, cached
|
|
129
|
+
assets (via `vercel.json`), no libraries — high Lighthouse.
|
|
130
|
+
|
|
131
|
+
## Boilerplate `<head>`
|
|
132
|
+
```html
|
|
133
|
+
<!doctype html><html lang="en"><head>
|
|
134
|
+
<meta charset="utf-8">
|
|
135
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
136
|
+
<meta name="color-scheme" content="light dark">
|
|
137
|
+
<title><!-- PAGE · BRAND --></title>
|
|
138
|
+
<meta name="description" content="<!-- 150–160 chars -->">
|
|
139
|
+
<link rel="canonical" href="https://brand.com/path">
|
|
140
|
+
<meta property="og:type" content="website">
|
|
141
|
+
<meta property="og:title" content="<!-- PAGE · BRAND -->">
|
|
142
|
+
<meta property="og:description" content="<!-- … -->">
|
|
143
|
+
<meta property="og:url" content="https://brand.com/path">
|
|
144
|
+
<meta property="og:image" content="https://brand.com/assets/og.png">
|
|
145
|
+
<meta name="twitter:card" content="summary_large_image">
|
|
146
|
+
<link rel="stylesheet" href="/css/tokens.css">
|
|
147
|
+
<link rel="stylesheet" href="/css/styles.css">
|
|
148
|
+
<script type="application/ld+json"><!-- Organization / WebSite JSON-LD --></script>
|
|
149
|
+
</head>
|
|
150
|
+
<body>
|
|
151
|
+
<a class="skip-link" href="#main">Skip to content</a>
|
|
152
|
+
<header><!-- bordered Navbar (links extensionless: /platform, /pricing) --></header>
|
|
153
|
+
<main id="main"><!-- block hero + 10–12 inverted-block sections, no dividers --></main>
|
|
154
|
+
<footer class="block-ink"><!-- ink Footer --></footer>
|
|
155
|
+
<script src="/js/main.js" defer></script>
|
|
156
|
+
</body></html>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
## Required base CSS (sections = inverted blocks, no borders between them)
|
|
160
|
+
```css
|
|
161
|
+
html, body { background: var(--paper); color: var(--text-primary); }
|
|
162
|
+
.section { padding-block: var(--section-y); border: 0; } /* NO border/divider between sections */
|
|
163
|
+
.section + .section { border-top: 0; }
|
|
164
|
+
/* Section separation = INVERTED BLOCK BACKGROUNDS (+ whitespace + type), never a line: */
|
|
165
|
+
.block-paper { background: var(--block-paper); color: var(--text-primary); }
|
|
166
|
+
.block-white { background: var(--block-white); color: var(--text-primary); }
|
|
167
|
+
.block-ink { background: var(--block-ink); color: var(--text-invert); }
|
|
168
|
+
.block-accent{ background: var(--block-accent); color: var(--on-accent); }
|
|
169
|
+
/* Thick borders + hard offset shadows are COMPONENT-level only (.box/.btn), no blur, never <hr> between sections. */
|
|
170
|
+
```
|
|
171
|
+
|
|
172
|
+
## tokens.json shape (excerpt)
|
|
173
|
+
```json
|
|
174
|
+
{
|
|
175
|
+
"color": { "paper":"#f5f4ef","white":"#ffffff","ink":"#0a0a0a",
|
|
176
|
+
"text": {"primary":"#0a0a0a","muted":"#444444","invert":"#f5f4ef"},
|
|
177
|
+
"accent":"#2b2bff","onAccent":"#ffffff" },
|
|
178
|
+
"border": { "width":"3px","style":"solid","color":"#0a0a0a" },
|
|
179
|
+
"shadow": { "sm":"3px 3px 0 #0a0a0a","base":"6px 6px 0 #0a0a0a","lg":"10px 10px 0 #0a0a0a" },
|
|
180
|
+
"space": { "4":"16px","6":"24px","8":"32px","16":"64px" },
|
|
181
|
+
"radius": { "0":"0","sm":"2px","pill":"999px" },
|
|
182
|
+
"type": { "display":"clamp(3rem,1.4rem + 7.4vw,7rem)", "body":"1rem", "mono":"Space Mono, IBM Plex Mono, monospace" }
|
|
183
|
+
}
|
|
184
|
+
```
|
|
185
|
+
|
|
186
|
+
## Definition of done
|
|
187
|
+
**15+ pages (≈20), each with ≥10 sections (≈12), sections separated by INVERTED full-bleed color
|
|
188
|
+
blocks (no borders/dividers between sections).** Pure HTML/CSS/vanilla JS (no frameworks/
|
|
189
|
+
libraries); stark blocks, oversized mono/grotesk type, thick component borders + **hard offset
|
|
190
|
+
shadows (no blur)**, flat (no gradients/glass); clean extensionless URLs with `vercel.json`
|
|
191
|
+
(refresh + deep links work); blocky desktop nav + mobile + breadcrumb; per-page SEO + sitemap;
|
|
192
|
+
tokens centralized; fully responsive (blocks stack, type clamps); **AA accessible** (high contrast
|
|
193
|
+
incl. accent fills, thick focus that survives the press, all-caps only for labels); snappy motion
|
|
194
|
+
with reduced-motion fallback; high Lighthouse; zero anti-patterns; could stand next to confident
|
|
195
|
+
neo-brutalist tech sites — raw, bold, and legible.
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# crunchbase-profile-generator
|
|
2
|
+
|
|
3
|
+
A deep-research **Crunchbase profile generator** — produces investor-ready, **humanized**,
|
|
4
|
+
research-driven **company** and **founder** profiles with every field a complete Crunchbase
|
|
5
|
+
listing needs: short/long descriptions, mission/vision, industry categories, company details,
|
|
6
|
+
honest founder bios, a founding story, an investor summary, and a completeness report.
|
|
7
|
+
Written like a senior venture analyst + founder storyteller — natural, credible, and **never
|
|
8
|
+
AI-sounding or hyped**.
|
|
9
|
+
|
|
10
|
+
> Ships with a **baked-in Crunchbase field/format knowledge base** (live research optional,
|
|
11
|
+
> to save tokens). Never invents funding, metrics, customers, or credentials — gaps are
|
|
12
|
+
> marked `[UNKNOWN]`/`[PLACEHOLDER]`.
|
|
13
|
+
|
|
14
|
+
## Install
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npx spirewise install -s crunchbase-profile-generator # pick agents + scope
|
|
18
|
+
npx spirewise install -s crunchbase-profile-generator -a claude,cursor -sc workspace
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Remove
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
npx spirewise remove -s crunchbase-profile-generator # pick agents + scope
|
|
25
|
+
npx spirewise remove -s crunchbase-profile-generator -a claude,cursor -sc both
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
(No Node? `./install.sh -s crunchbase-profile-generator` and `./install.sh remove -s crunchbase-profile-generator`.)
|
|
29
|
+
|
|
30
|
+
## Use
|
|
31
|
+
|
|
32
|
+
After installing, ask your agent:
|
|
33
|
+
|
|
34
|
+
> "Write our Crunchbase company + founder profiles"
|
|
35
|
+
|
|
36
|
+
It gathers your company/founder details (asking focused questions if needed), then writes a
|
|
37
|
+
set of `.md` files into a **`crunchbase/`** folder in your project root.
|
|
38
|
+
|
|
39
|
+
## Output (`crunchbase/`)
|
|
40
|
+
|
|
41
|
+
| File | What it contains |
|
|
42
|
+
|---|---|
|
|
43
|
+
| `company-profile.md` | Every Crunchbase company field (name, descriptions, mission/vision, categories, type, status, model, HQ, stage, employees, differentiators, market…) |
|
|
44
|
+
| `founder-profiles.md` | A full profile per founder (headline, short/long bio, background, expertise, achievements, education, investor-friendly bio) |
|
|
45
|
+
| `crunchbase-short-description.md` | The polished short description (≤ ~250 chars, with count) + alternates |
|
|
46
|
+
| `crunchbase-long-description.md` | The full "About" (problem → product → why-now → traction → vision) |
|
|
47
|
+
| `company-story.md` | Founding / origin / problem-discovery / vision / growth / future narratives |
|
|
48
|
+
| `investor-summary.md` | Investment thesis, market size, scalability, defensibility, positioning, strengths |
|
|
49
|
+
| `industry-classification.md` | Primary/secondary industries, 3–5 Crunchbase categories, keyword & discoverability strategy |
|
|
50
|
+
| `profile-completeness-report.md` | 8-point completeness checklist + quality scores + remaining gaps |
|
|
51
|
+
|
|
52
|
+
## What it enforces
|
|
53
|
+
|
|
54
|
+
- **Humanized, credible, investor-ready copy** — varied natural sentences; a banned list of
|
|
55
|
+
"AI tells" and hype ("leverage", "world-class", "revolutionize", "best-in-class"…);
|
|
56
|
+
specifics over adjectives.
|
|
57
|
+
- **Accuracy first** — no invented funding/metrics/customers/credentials; unknowns marked.
|
|
58
|
+
- **Complete Crunchbase coverage** — every company + founder field, 3–5 real taxonomy
|
|
59
|
+
categories, short description within the card limit.
|
|
60
|
+
- **Quality thresholds** (self-scored): humanization 95, credibility 95, investor-readiness 90,
|
|
61
|
+
Crunchbase completeness 100, professionalism 95.
|
|
62
|
+
|
|
63
|
+
See `SKILL.md` for the full method, the baked-in Crunchbase knowledge base, the copywriting/
|
|
64
|
+
humanization engine, per-file specs, and the verification checklist.
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: crunchbase-profile-generator
|
|
3
|
+
description: >-
|
|
4
|
+
Deep-research Crunchbase profile generator: produces investor-ready, humanized,
|
|
5
|
+
research-driven COMPANY and FOUNDER profiles with every field a complete Crunchbase
|
|
6
|
+
listing needs — short/long descriptions, mission/vision, industry categories,
|
|
7
|
+
company details, founder bios, founding story, an investor summary, and a
|
|
8
|
+
completeness report. Written like a senior venture analyst + founder storyteller —
|
|
9
|
+
natural, credible, non-AI-sounding, never hype. Use when the user asks to "write our
|
|
10
|
+
Crunchbase profile", "create a Crunchbase company/founder profile", "generate
|
|
11
|
+
founder bios", "investor-ready company description", or "fill out Crunchbase".
|
|
12
|
+
Ships with a baked-in Crunchbase field/format knowledge base (live research
|
|
13
|
+
optional, to save tokens). Writes a set of `.md` files into a `crunchbase/` folder
|
|
14
|
+
in the project root.
|
|
15
|
+
---
|
|
16
|
+
|
|
17
|
+
# Crunchbase Profile Generator
|
|
18
|
+
|
|
19
|
+
Produce a **complete, investor-ready Crunchbase presence** — a full company profile,
|
|
20
|
+
per-founder profiles, polished short/long descriptions, a founding story, an investor
|
|
21
|
+
summary, an industry classification, and a completeness report — written so they read
|
|
22
|
+
like the work of a careful venture analyst and founder, not an AI.
|
|
23
|
+
|
|
24
|
+
**Role:** act as an elite startup researcher, venture analyst, company profiler, founder
|
|
25
|
+
storyteller, investor copywriter, and Crunchbase-optimization specialist.
|
|
26
|
+
|
|
27
|
+
## When to use
|
|
28
|
+
|
|
29
|
+
The user wants Crunchbase content: a new company profile, founder bios, an
|
|
30
|
+
investor-facing description, or a polish/rewrite of an existing listing. If you lack
|
|
31
|
+
company/founder details, ask a few focused questions first (see "Inputs needed"); never
|
|
32
|
+
fabricate facts.
|
|
33
|
+
|
|
34
|
+
## Inputs needed
|
|
35
|
+
|
|
36
|
+
Gather (ask the user, or infer from the repo/website/links provided):
|
|
37
|
+
- Company: name, legal name, what it does (one line), website, HQ city/country, founded
|
|
38
|
+
date, stage, employee count, business model, target customers, the real wedge.
|
|
39
|
+
- Traction & funding (only if real): users/revenue/growth, rounds + investors, awards, press.
|
|
40
|
+
- Founders: names, titles, prior companies/roles, education, notable work, LinkedIn.
|
|
41
|
+
- Vision/mission in the founder's own words, and 3–5 industries the company sits in.
|
|
42
|
+
|
|
43
|
+
Mark anything unknown as `[UNKNOWN]` (or `[PLACEHOLDER]` for a guessed value) — **never
|
|
44
|
+
invent funding, metrics, customers, credentials, or affiliations.** False claims on a
|
|
45
|
+
public profile are a credibility and legal risk.
|
|
46
|
+
|
|
47
|
+
## Phase 1 — Research is baked in (live research OPTIONAL)
|
|
48
|
+
|
|
49
|
+
The Crunchbase field/format intelligence is **embedded below** — use it as the default
|
|
50
|
+
and **don't browse the web for the basics** (saves tokens). Optionally research live when
|
|
51
|
+
the user wants current Crunchbase UI/field changes, a specific comparable profile, or to
|
|
52
|
+
verify a category. Optional sources: official Crunchbase profile/founder guidelines; top
|
|
53
|
+
VC-backed / YC / Techstars / NVIDIA-Inception / AI / enterprise-SaaS / dev-tool profiles;
|
|
54
|
+
founder bios & LinkedIn; funding announcements; company About/mission pages. Extract:
|
|
55
|
+
description, founder-bio, investor-language, summary, mission, categorization, team,
|
|
56
|
+
credibility/trust, funding, growth, and vision patterns.
|
|
57
|
+
|
|
58
|
+
### Baked-in Crunchbase knowledge base (default ground truth)
|
|
59
|
+
|
|
60
|
+
- **Company fields:** Organization name · Legal name · Also-known-as · Short description
|
|
61
|
+
(a concise blurb shown in search/cards — keep ~**1–2 sentences, ≤ ~250 chars**) · Full
|
|
62
|
+
description / About (a few rich paragraphs) · Website · Founded date · **Operating
|
|
63
|
+
status** (Active / Closed) · **Company type** (For-Profit / Non-Profit) · **Industries**
|
|
64
|
+
(pick from Crunchbase's category taxonomy; 3–5) · Headquarters (City, Region, Country) ·
|
|
65
|
+
**Number of employees** (ranges: 1–10 · 11–50 · 51–100 · 101–250 · 251–500 · 501–1000 ·
|
|
66
|
+
1001–5000 · 5001–10000 · 10000+) · **Funding status / stage** (Pre-Seed · Seed · Early
|
|
67
|
+
Stage Venture · Late Stage Venture · Private Equity · M&A · IPO · Bootstrapped) ·
|
|
68
|
+
Contact (business email/phone) · Social (LinkedIn, X/Twitter, Facebook).
|
|
69
|
+
- **Founder/person fields:** Full name · Primary job title (e.g., Co-Founder & CEO) ·
|
|
70
|
+
Bio (a few sentences → a couple of paragraphs) · Education · Past roles/companies · Location
|
|
71
|
+
· LinkedIn/X.
|
|
72
|
+
- **Crunchbase category examples** (use the real taxonomy terms): Artificial Intelligence ·
|
|
73
|
+
Machine Learning · Generative AI · SaaS · Enterprise Software · Developer Tools · Developer
|
|
74
|
+
APIs · Information Technology · Data Analytics · Cyber Security · FinTech · Health Care ·
|
|
75
|
+
Robotics · Cloud Infrastructure · Productivity Tools · B2B. (Confirm exact names on the
|
|
76
|
+
live taxonomy when possible.)
|
|
77
|
+
- **What strong profiles share:** a crisp, specific short description (what + for whom);
|
|
78
|
+
a full description that explains the problem → product → why-now without hype; honest,
|
|
79
|
+
concrete founder bios that establish domain credibility; accurate categories; consistent,
|
|
80
|
+
complete fields. **Trust comes from specificity and accuracy, not adjectives.**
|
|
81
|
+
|
|
82
|
+
If the live platform shows different fields/limits, obey the live values.
|
|
83
|
+
|
|
84
|
+
## Copywriting & humanization engine (the core)
|
|
85
|
+
|
|
86
|
+
Write every word like a **real founder and a sharp venture analyst** — humanized,
|
|
87
|
+
professional, investor- and founder-friendly, natural, authentic, credible, modern, and
|
|
88
|
+
genuinely venture-backable. Non-negotiable bar:
|
|
89
|
+
|
|
90
|
+
**1. Humanized — sounds like a person, never "AI-generated".**
|
|
91
|
+
- Vary sentence length and shape; mix short, declarative lines with one longer, rhythmic one.
|
|
92
|
+
- Plain, concrete business language a smart reader follows instantly. Specific > vague.
|
|
93
|
+
- Confident and calm — a credible operator's voice, not a pitch deck on fire.
|
|
94
|
+
- Read it aloud; if a line sounds robotic or like a brochure, rewrite it.
|
|
95
|
+
|
|
96
|
+
**2. Banned "AI tells" and hype — never use.**
|
|
97
|
+
- Filler: "leverage", "utilize", "seamlessly", "robust", "cutting-edge", "state-of-the-art",
|
|
98
|
+
"empower", "unlock", "elevate", "revolutionize", "game-changer", "next-generation",
|
|
99
|
+
"in today's fast-paced world", "we are committed to", "passionate about", "at the
|
|
100
|
+
intersection of", "solutions provider", "one-stop shop", "synergy", "best-in-class".
|
|
101
|
+
- Unproven hype: "best", "#1", "world-class", "industry-leading", "disruptive" (unless backed
|
|
102
|
+
by a real, checkable fact). Replace adjectives with evidence.
|
|
103
|
+
- Robotic scaffolding: autopilot three-item lists, "not only… but also", em-dash overuse.
|
|
104
|
+
|
|
105
|
+
**3. Authenticity + credibility rules.**
|
|
106
|
+
- Lead with the customer's problem and the concrete outcome, then the product.
|
|
107
|
+
- Every claim is real or marked `[PLACEHOLDER]`/`[UNKNOWN]`; no invented funding/metrics/logos.
|
|
108
|
+
- Founder bios show real, specific experience (companies, roles, domains) — credibility is
|
|
109
|
+
built from facts, not flattery.
|
|
110
|
+
- One human detail per long field (the exact problem that started the company, a founder's
|
|
111
|
+
origin) beats a paragraph of polish.
|
|
112
|
+
|
|
113
|
+
**4. Final humanization pass (run before saving every file).**
|
|
114
|
+
- Remove every banned word; replace with plain, specific language.
|
|
115
|
+
- Delete adjectives not earned by a fact; tighten (cut any word that adds nothing).
|
|
116
|
+
- Ensure no two consecutive sentences share the same opener/shape.
|
|
117
|
+
- Confirm it reads like one credible human voice and could pass for a professionally
|
|
118
|
+
written, venture-backed company's profile.
|
|
119
|
+
|
|
120
|
+
## Output location
|
|
121
|
+
|
|
122
|
+
Create a `crunchbase/` folder in the **project root** and write these files (UTF-8 Markdown):
|
|
123
|
+
`company-profile.md` · `founder-profiles.md` · `crunchbase-short-description.md` ·
|
|
124
|
+
`crunchbase-long-description.md` · `company-story.md` · `investor-summary.md` ·
|
|
125
|
+
`industry-classification.md` · `profile-completeness-report.md`.
|
|
126
|
+
|
|
127
|
+
## File specs
|
|
128
|
+
|
|
129
|
+
### `company-profile.md` — every Crunchbase company field
|
|
130
|
+
Company name · Legal name · Tagline · Short description · Long description · Mission
|
|
131
|
+
statement · Vision statement · Industry categories (3–5) · Company type · Operating status ·
|
|
132
|
+
Business model · Headquarters · Website · Social profiles · Company stage · Founding date ·
|
|
133
|
+
Employee range · Target customers · Key differentiators · Technology focus · Market
|
|
134
|
+
opportunity · Competitive advantage. (Use real values or `[PLACEHOLDER]`; show the short
|
|
135
|
+
description's char count.)
|
|
136
|
+
|
|
137
|
+
### `founder-profiles.md` — one block PER founder
|
|
138
|
+
Full name · Professional title · Founder headline · Founder summary · Short founder bio ·
|
|
139
|
+
Long founder bio · Professional background · Industry expertise · Leadership experience ·
|
|
140
|
+
Technical expertise · Notable achievements · Education · Previous companies · Startup
|
|
141
|
+
experience · Areas of expertise · Personal mission · Public-speaking topics ·
|
|
142
|
+
Investor-friendly biography. Keep bios honest and specific; mark gaps `[UNKNOWN]`.
|
|
143
|
+
|
|
144
|
+
### `crunchbase-short-description.md`
|
|
145
|
+
The polished short description (what + for whom, ≤ ~250 chars, with the char count) + 2–3
|
|
146
|
+
alternates. No hype; one specific, scannable sentence that reads well on a card.
|
|
147
|
+
|
|
148
|
+
### `crunchbase-long-description.md`
|
|
149
|
+
The full "About" (problem → product → why-now → traction → vision), in a few clean
|
|
150
|
+
paragraphs. Front-load the value; specifics over adjectives.
|
|
151
|
+
|
|
152
|
+
### `company-story.md` — the startup-story engine
|
|
153
|
+
Founding story · company origin story · problem-discovery story · vision narrative · market-
|
|
154
|
+
opportunity narrative · growth narrative · future narrative. Narrative, human, true-to-the-founder.
|
|
155
|
+
|
|
156
|
+
### `investor-summary.md` — investor optimization
|
|
157
|
+
Investment thesis · market-size narrative (TAM/SAM/SOM if credible) · scalability narrative ·
|
|
158
|
+
defensibility narrative · competitive positioning · growth-potential analysis · startup-
|
|
159
|
+
strength summary. Grounded and fundable; no invented numbers.
|
|
160
|
+
|
|
161
|
+
### `industry-classification.md`
|
|
162
|
+
Primary industry · secondary industries · Crunchbase categories (3–5, real taxonomy terms) ·
|
|
163
|
+
technology categories · market categories · investor categories · **keyword strategy +
|
|
164
|
+
discoverability** notes (the terms investors/journalists/customers would search, woven in
|
|
165
|
+
naturally — no stuffing) · industry & technology mapping.
|
|
166
|
+
|
|
167
|
+
### `profile-completeness-report.md`
|
|
168
|
+
A checklist verifying: company description complete · founder profiles complete · industry
|
|
169
|
+
categories complete · company details complete · website info complete · team info complete ·
|
|
170
|
+
investor info complete · growth info complete. Plus the **quality scores** (below) and a list
|
|
171
|
+
of remaining `[UNKNOWN]`/`[PLACEHOLDER]` items to fill.
|
|
172
|
+
|
|
173
|
+
## Quality thresholds (self-score in the completeness report)
|
|
174
|
+
|
|
175
|
+
Target: humanization **95** · credibility **95** · investor-readiness **90** · Crunchbase
|
|
176
|
+
completeness **100** · professionalism **95** (each /100). Crunchbase completeness reaches
|
|
177
|
+
100 only when every field is filled or explicitly marked `[UNKNOWN]`/`[PLACEHOLDER]`; if any
|
|
178
|
+
score is below target, revise before finishing.
|
|
179
|
+
|
|
180
|
+
## Verification checklist (run before finishing)
|
|
181
|
+
|
|
182
|
+
1. The `crunchbase/` folder exists with **all 8 files**.
|
|
183
|
+
2. `company-profile.md` covers **every** listed field; the short description shows its char count (≤ ~250).
|
|
184
|
+
3. `founder-profiles.md` has a complete block for **each** founder, honest and specific.
|
|
185
|
+
4. Industries: 3–5 real Crunchbase taxonomy categories; classification + keyword/discoverability done.
|
|
186
|
+
5. Story + investor summary are grounded — **no invented funding, metrics, customers, or credentials**.
|
|
187
|
+
6. **Humanization pass done** on every file: zero banned "AI tells"/hype, varied sentence shapes,
|
|
188
|
+
at least one concrete human detail in the long fields; reads like a real venture-backed company.
|
|
189
|
+
7. Completeness report lists the 8 checks, the 5 quality scores, and every remaining `[UNKNOWN]`/`[PLACEHOLDER]`.
|