@etus/seven-skill 0.1.0-beta.1
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/.claude/skills/seven/SKILL.md +162 -0
- package/.claude/skills/seven/reference/audit.md +120 -0
- package/.claude/skills/seven/reference/brand.md +24 -0
- package/.claude/skills/seven/reference/clarify.md +76 -0
- package/.claude/skills/seven/reference/color-and-contrast.md +84 -0
- package/.claude/skills/seven/reference/motion-design.md +71 -0
- package/.claude/skills/seven/reference/polish.md +55 -0
- package/.claude/skills/seven/reference/product.md +45 -0
- package/.claude/skills/seven/reference/shape.md +85 -0
- package/.claude/skills/seven/reference/spatial-design.md +60 -0
- package/.claude/skills/seven/reference/typography.md +43 -0
- package/.claude/skills/seven/reference/ux-writing.md +47 -0
- package/.claude/skills/seven/scripts/load-context.mjs +84 -0
- package/.claude-plugin/marketplace.json +34 -0
- package/.claude-plugin/plugin.json +12 -0
- package/LICENSE +190 -0
- package/NOTICE.md +26 -0
- package/README.md +118 -0
- package/cli/bin/commands/skills.mjs +664 -0
- package/cli/bin/seven.mjs +68 -0
- package/cli/engine/browser/injected/index.mjs +84 -0
- package/cli/engine/cli/main.mjs +215 -0
- package/cli/engine/detect-antipatterns-browser.js +3014 -0
- package/cli/engine/detect-antipatterns.mjs +44 -0
- package/cli/engine/engines/browser/detect-url.mjs +108 -0
- package/cli/engine/engines/regex/detect-text.mjs +508 -0
- package/cli/engine/engines/static-html/css-cascade.mjs +957 -0
- package/cli/engine/engines/static-html/detect-html.mjs +211 -0
- package/cli/engine/engines/visual/screenshot-contrast.mjs +192 -0
- package/cli/engine/findings.mjs +28 -0
- package/cli/engine/node/file-system.mjs +212 -0
- package/cli/engine/profile/profiler.mjs +169 -0
- package/cli/engine/registry/seven-antipatterns.mjs +494 -0
- package/cli/engine/rules/checks.mjs +1518 -0
- package/cli/engine/shared/color.mjs +204 -0
- package/cli/engine/shared/constants.mjs +91 -0
- package/cli/engine/shared/page.mjs +9 -0
- package/cli/engine/shared/tokens.mjs +153 -0
- package/cli/engine/token-data.generated.mjs +691 -0
- package/docs/detector-rules.md +605 -0
- package/docs/figma-token-rule-exploration.md +185 -0
- package/package.json +76 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
# Shape
|
|
2
|
+
|
|
3
|
+
Shape the UX of a feature before any code is written. This command produces a **design brief**: a structured artifact that guides implementation through discovery, not guesswork.
|
|
4
|
+
|
|
5
|
+
**Scope**: design planning only. Shape does not write code. It produces the thinking that makes code good.
|
|
6
|
+
|
|
7
|
+
**Output**: a design brief that can be handed off to a downstream command (`polish`, `audit`, or freeform implementation by Claude). For product surfaces, the brief is text-only. Visual probes and image generation are deferred to Phase 2.
|
|
8
|
+
|
|
9
|
+
## Philosophy
|
|
10
|
+
|
|
11
|
+
Most AI-generated UIs fail not because of bad code, but because of skipped thinking. They jump to "here is a card grid" without asking "what is the user trying to accomplish?" Shape inverts that: understand deeply first, so the implementation lands on the first pass.
|
|
12
|
+
|
|
13
|
+
## Phase 1: Discovery interview
|
|
14
|
+
|
|
15
|
+
Do not write code or commit design decisions during this phase. use the AskUserQuestion tool
|
|
16
|
+
|
|
17
|
+
### Interview cadence
|
|
18
|
+
|
|
19
|
+
- 2-3 questions per round. Stop and wait for answers.
|
|
20
|
+
- One round is the default. Add a second only if the first leaves material gaps.
|
|
21
|
+
- Use `PRODUCT.md` and `DESIGN.md` as anchors; they reduce repeated questions but do not replace shape for a specific task.
|
|
22
|
+
- **Assert-then-confirm**, not menu-with-escape. When `PRODUCT.md` makes one path obvious, name it and ask the user to confirm or override. Avoid four-option menus when the answer is already clear.
|
|
23
|
+
|
|
24
|
+
### Purpose and context
|
|
25
|
+
|
|
26
|
+
- What is this feature for? What problem does it solve?
|
|
27
|
+
- Who specifically uses it? Role, context, frequency.
|
|
28
|
+
- What does success look like? How does the team know the feature is working?
|
|
29
|
+
- What is the user's state of mind on this screen? Rushed, exploring, anxious, focused?
|
|
30
|
+
|
|
31
|
+
### Content and data
|
|
32
|
+
|
|
33
|
+
- What content or data does the surface display or collect?
|
|
34
|
+
- Realistic ranges: minimum, typical, maximum (0 items, 5 items, 500 items).
|
|
35
|
+
- Edge cases: empty state, error state, first-time use, power user.
|
|
36
|
+
- Is content dynamic? What changes and how often?
|
|
37
|
+
|
|
38
|
+
### Register and surface
|
|
39
|
+
|
|
40
|
+
For Seven, register is almost always `product`. Confirm once:
|
|
41
|
+
|
|
42
|
+
- Is this an app/admin/dashboard surface (product) or a marketing surface (brand, Phase 2)?
|
|
43
|
+
- What is the surface type? Page, panel, dialog, popover, table row, empty state, navigation.
|
|
44
|
+
|
|
45
|
+
### Scope
|
|
46
|
+
|
|
47
|
+
- Fidelity: sketch, mid-fi, or production.
|
|
48
|
+
- Breadth: one component, one screen, a flow, a whole surface.
|
|
49
|
+
- Interactivity: static visual, interactive, shipped-quality.
|
|
50
|
+
- Time intent: quick exploration, or polish until it ships.
|
|
51
|
+
|
|
52
|
+
### Constraints
|
|
53
|
+
|
|
54
|
+
- Technical: React 19, Tailwind v4, `@etus/ui`, `@etus/tokens`. Performance budget if relevant.
|
|
55
|
+
- Localization: pt-BR for chrome by default. English for code identifiers and docs.
|
|
56
|
+
- Responsive: mobile-first or desktop-first? Touch target minimum 44 x 44.
|
|
57
|
+
- Accessibility: WCAG 2.1 AA baseline always; document any AAA targets.
|
|
58
|
+
|
|
59
|
+
### Anti-goals
|
|
60
|
+
|
|
61
|
+
- What should this NOT be? What direction would be wrong?
|
|
62
|
+
- What is the biggest risk if the implementation lands wrong?
|
|
63
|
+
|
|
64
|
+
## Phase 2: Brief synthesis
|
|
65
|
+
|
|
66
|
+
After discovery, write a short brief (under one page) covering:
|
|
67
|
+
|
|
68
|
+
1. **Surface description** in one sentence.
|
|
69
|
+
2. **Register and scope** confirmed.
|
|
70
|
+
3. **Component reuse plan**: which `@etus/ui` components are already in the surface. Which are missing.
|
|
71
|
+
4. **Variant inventory**: for each component, which variant. If a variant is missing from `@etus/ui` and Figma, flag it explicitly; do not invent.
|
|
72
|
+
5. **State matrix**: idle, loading, empty, error, success, disabled. For each state, the visual approach.
|
|
73
|
+
6. **Token plan**: which `@etus/tokens` variables compose the surface. Call out any place a token is missing and a hex would be needed; surface that as a question, do not invent.
|
|
74
|
+
7. **Copy direction**: pt-BR examples for labels, buttons, empty state, errors. Sentence case, no trailing periods, imperative leads.
|
|
75
|
+
8. **Open questions**: what is still uncertain after the interview.
|
|
76
|
+
|
|
77
|
+
## Sub-command interaction
|
|
78
|
+
|
|
79
|
+
- After `shape`, the user can hand off to `polish` (refine an existing implementation), `audit` (check the implementation against the brief), or implement directly with the brief loaded as context.
|
|
80
|
+
- `shape` does not generate code. If the user requests code in this command, surface the boundary and recommend they re-invoke without the `shape` prefix.
|
|
81
|
+
|
|
82
|
+
## Refusals
|
|
83
|
+
|
|
84
|
+
- "Just write the code, skip the brief" — Shape exists because skipping the brief produces generic output. Offer a 5-minute Quick Shape (3 questions instead of 8) as a middle ground; do not skip entirely.
|
|
85
|
+
- "Generate three visual variants" — Phase 1 product shape is text-only. Phase 2 will add visual probes for brand surfaces. Surface this and proceed with the text brief.
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
# Spatial design
|
|
2
|
+
|
|
3
|
+
Seven runs two radius stacks. They are not interchangeable. Mixing them within the same surface produces the "almost looks right" drift that is the most common Seven anti-pattern.
|
|
4
|
+
|
|
5
|
+
## Radius stacks
|
|
6
|
+
|
|
7
|
+
**Component scale** — `sm 4 / md 8 / lg 12`. Use for:
|
|
8
|
+
|
|
9
|
+
- Buttons (default `md`).
|
|
10
|
+
- Inputs, selects, textareas (`md`).
|
|
11
|
+
- Badges (`sm` for tags, `pill` for status).
|
|
12
|
+
- Checkboxes, radios, switches.
|
|
13
|
+
- Avatar squares.
|
|
14
|
+
|
|
15
|
+
**Surface scale** — `xl 16 / 2xl 20 / 3xl 24 / 4xl 32`. Use for:
|
|
16
|
+
|
|
17
|
+
- Cards, panels.
|
|
18
|
+
- Dialogs, sheets, drawers.
|
|
19
|
+
- Popovers, tooltips, dropdowns.
|
|
20
|
+
- Image containers, thumbnail tiles.
|
|
21
|
+
|
|
22
|
+
**Pill radius** — `9999`. Use only for:
|
|
23
|
+
|
|
24
|
+
- Badges and tags shaped as pills (`<Badge variant="pill">`).
|
|
25
|
+
- Avatar triggers in the topbar (round avatars).
|
|
26
|
+
- Status indicators (dots and pills).
|
|
27
|
+
|
|
28
|
+
Never pill on buttons. Buttons stay on the component scale. The detector ships a `pill-on-button` rule (Phase 2) that catches drift.
|
|
29
|
+
|
|
30
|
+
## Spacing
|
|
31
|
+
|
|
32
|
+
Seven spacing tokens come from `@etus/tokens`. The runtime is `--spacing-0` through `--spacing-12` in 4 px steps, then doubled steps (`--spacing-16`, `--spacing-20`, `--spacing-24`).
|
|
33
|
+
|
|
34
|
+
Use Tailwind's `p-`, `m-`, `gap-` utilities backed by the token ramp. Do not invent spacing values via arbitrary classes unless the design explicitly requires a non-token interval (rare; surface it).
|
|
35
|
+
|
|
36
|
+
Rhythm matters more than consistency: a dashboard with identical padding everywhere reads as a wireframe. Vary spacing intentionally — tighter inside a card, looser between cards, looser still between sections.
|
|
37
|
+
|
|
38
|
+
## Borders
|
|
39
|
+
|
|
40
|
+
Borders carry hierarchy in Seven, not shadows.
|
|
41
|
+
|
|
42
|
+
- 1 px `var(--border)` is the workhorse. Cards, inputs, dividers, table rows all use it.
|
|
43
|
+
- 2 px borders are reserved for focus and active states (4 px on focus rings).
|
|
44
|
+
- Side-stripe borders (`border-left` or `border-right` greater than 1 px as a colored accent) are banned. The detector ships a `side-stripe-border` rule (Phase 2). Use full borders, background tints, leading icons, or restructure the element.
|
|
45
|
+
|
|
46
|
+
## Shadows
|
|
47
|
+
|
|
48
|
+
Shadows in Seven are reserved for overlays:
|
|
49
|
+
|
|
50
|
+
- Modals, dialogs, sheets — `var(--shadow-overlay)`.
|
|
51
|
+
- Dropdowns, popovers, tooltips — `var(--shadow-popover)`.
|
|
52
|
+
- The brand logo plate — `var(--shadow-primary)` for the mint glow.
|
|
53
|
+
|
|
54
|
+
Card chrome uses borders, not shadows. If a card needs more weight, deepen the border color or tint the background, do not stack a shadow.
|
|
55
|
+
|
|
56
|
+
## Refusals
|
|
57
|
+
|
|
58
|
+
- "Add a soft shadow under the card" — Seven cards use borders for hierarchy. Suggest a tinted background or a 2 px accent border. If the user insists, document the deviation in the audit.
|
|
59
|
+
- "Use a 16 px radius on the button" — Surface scale on a button reads as a chip from a different design system. Recommend `md 8` or surface as a variant request to Figma.
|
|
60
|
+
- "Stack a card inside a card" — Nested cards are a Seven anti-pattern. Recommend a section divider, a labeled list, or a `Tabs` view instead.
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
# Typography
|
|
2
|
+
|
|
3
|
+
Inter is the only sans face in Seven. JetBrains Mono is the only mono face. Every other typeface decision routes back to one of these two.
|
|
4
|
+
|
|
5
|
+
## Hard rules
|
|
6
|
+
|
|
7
|
+
- **Inter for everything sans-serif.** UI chrome, body, headings, display, numeric tabular figures. Use Inter's variable axes for weight (400 / 500 / 600 / 700) and width (`wdth` axis only if Figma uses it; Seven currently does not).
|
|
8
|
+
- **JetBrains Mono for code and keyboard glyphs.** Never DM Mono, never IBM Plex Mono, never the system mono fallback as a primary choice.
|
|
9
|
+
- **Reflex-reject in Seven**: Space Grotesk, Geist, DM Mono, Inter Tight, Inter Display. They appear in legacy Figma exploration on `Text/Display`, `Text/Heading`, `Dashboard/Dash-01-W`, `Timeline/StatusTitle`, `Feature-item`. They never shipped. Substitute Inter at the same size and surface the swap so the user knows.
|
|
10
|
+
- **Sentence case across every chrome surface.** Headings, labels, button text, menu items, table column headers, breadcrumbs, tabs. Acronyms (KPI, OTP, OIDC, OAuth) stay uppercase.
|
|
11
|
+
- **No trailing periods** on buttons, labels, breadcrumbs, captions, badge text, or short status messages. Periods belong in body prose, not in chrome.
|
|
12
|
+
|
|
13
|
+
## Scale
|
|
14
|
+
|
|
15
|
+
Seven's scale lives in `@etus/tokens`:
|
|
16
|
+
|
|
17
|
+
- Body / `--text-base`: 16 px, line-height 1.5, Inter 400.
|
|
18
|
+
- Caption / `--text-sm`: 14 px, line-height 1.4.
|
|
19
|
+
- Label / `--text-xs`: 12 px, line-height 1.3 (uppercase only for monospaced data-table column headers).
|
|
20
|
+
- Headings / `--text-lg` through `--text-4xl`: walk the Figma `Text/Heading` ramp. Hierarchy via scale plus weight contrast, not via color.
|
|
21
|
+
|
|
22
|
+
Use the `<Text>` component variant API in `@etus/ui` rather than ad-hoc arbitrary classes. `<Text variant="h2">` is correct; `<h2 className="text-2xl font-semibold">` is drift.
|
|
23
|
+
|
|
24
|
+
## Line-height and the Tailwind v4 trap
|
|
25
|
+
|
|
26
|
+
The combination `leading-none` plus `text-[length:var(--something)]` zeroes line-height in Tailwind v4 (Lightning CSS interprets the arbitrary value before applying `leading-none`'s `1`). Two safe paths:
|
|
27
|
+
|
|
28
|
+
- Use `leading-tight`, `leading-snug`, or a literal `leading-[1.1]`. They survive the Lightning CSS pass.
|
|
29
|
+
- Inline `style={{ fontSize, lineHeight }}` for any case where the variable approach falters.
|
|
30
|
+
|
|
31
|
+
## Numeric figures
|
|
32
|
+
|
|
33
|
+
Inter ships tabular figures via the `tnum` feature. Apply `font-feature-settings: 'tnum' 1` to tables, data grids, KPI cards, and any column where digits need to line up vertically. The `<DataTable>` component does this for cells by default; manual KPI displays still need it.
|
|
34
|
+
|
|
35
|
+
## Display surfaces
|
|
36
|
+
|
|
37
|
+
Display typography (hero headings, marketing pages) follows the brand register, not product. Phase 2 brand layer documents Display rules; for Phase 1 product chrome, do not call out Display.
|
|
38
|
+
|
|
39
|
+
## Refusals
|
|
40
|
+
|
|
41
|
+
- "Use Space Grotesk for the H1" — Inter is the only sans face. Substitute Inter Bold at the same size and surface the swap.
|
|
42
|
+
- "Add letter spacing to the labels" — Seven labels use Inter at default tracking. Letter-spacing belongs to Display only, defined by the brand layer.
|
|
43
|
+
- "Use the system font as a fallback" — Inter is loaded via `next/font` or equivalent. The system fallback is for SSR flash mitigation, never the primary stack.
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
# UX writing
|
|
2
|
+
|
|
3
|
+
Seven's product chrome speaks Brazilian Portuguese. Developer-facing docs and code identifiers stay in English. The voice is direct, decisive, and concrete.
|
|
4
|
+
|
|
5
|
+
## Hard rules
|
|
6
|
+
|
|
7
|
+
- **Pt-BR for chrome.** Buttons, labels, menu items, navigation, table headers, breadcrumbs, tabs, status messages, empty states, toast text, error messages.
|
|
8
|
+
- **No European Portuguese vocabulary.** The detector ships a `pt-pt-vocab` rule that catches `ficheiro`, `telemóvel`, `ecrã`, `tu` (as a pronoun, not in code), and other catalogued pairs. Use the pt-BR equivalents.
|
|
9
|
+
- **Sentence case** across every chrome surface. Capitalize the first word and proper nouns; everything else lowercase. Acronyms stay uppercase.
|
|
10
|
+
- **No trailing periods** on buttons, labels, captions, badges, breadcrumbs, table column headers, menu items, tabs. Periods belong in body prose, never in chrome.
|
|
11
|
+
- **Imperative leads** for action buttons and menu items: `Procurar`, `Adicionar conta`, `Exportar relatório`, `Excluir item`. Avoid `Clique para`, `Você pode`, `Aqui você`.
|
|
12
|
+
|
|
13
|
+
## Voice
|
|
14
|
+
|
|
15
|
+
Direct, decisive, brazilian. Three qualities to hold:
|
|
16
|
+
|
|
17
|
+
- **Direct.** No `clique aqui`, no `aprenda mais sobre`. The label says what the action does.
|
|
18
|
+
- **Decisive.** No `talvez`, `poderia`, `seria possível`. If the system is suggesting an action, it commits to the suggestion. If it does not know, it asks.
|
|
19
|
+
- **Concrete.** A token name beats an adjective. `Salvo às 14:32` beats `Alterações salvas com sucesso`. The user already knows it was successful, the timestamp tells them when.
|
|
20
|
+
|
|
21
|
+
## Microcopy patterns
|
|
22
|
+
|
|
23
|
+
| Surface | Pattern | Example |
|
|
24
|
+
| ------------------- | -------------------------------------- | -------------------------------------------------- |
|
|
25
|
+
| Primary button | Verb + object, imperative | `Adicionar conta`, `Salvar alterações` |
|
|
26
|
+
| Secondary button | Verb only when context obvious | `Cancelar`, `Voltar` |
|
|
27
|
+
| Destructive button | Verb + object, no hedging | `Excluir conta` |
|
|
28
|
+
| Toast (success) | Past tense, short | `Conta criada` |
|
|
29
|
+
| Toast (error) | What broke + what to do | `Não foi possível salvar. Tente novamente.` |
|
|
30
|
+
| Empty state | What is missing + how to fix | `Nenhuma conta. Adicione a primeira para começar.` |
|
|
31
|
+
| Input placeholder | Hint, not instruction | `nome@email.com`, not `Digite o seu email` |
|
|
32
|
+
| Validation error | What is wrong, inline, below the field | `Email obrigatório` |
|
|
33
|
+
| Menu item | Verb in imperative | `Duplicar`, `Renomear`, `Arquivar` |
|
|
34
|
+
| Table column header | Noun, sentence case | `Nome`, `Última atividade`, `Status` |
|
|
35
|
+
|
|
36
|
+
## Numbers and dates
|
|
37
|
+
|
|
38
|
+
- Numbers use the Brazilian convention: comma for decimals, period for thousands. `1.234,56` not `1,234.56`.
|
|
39
|
+
- Dates default to `dd/mm/yyyy` in chrome surfaces. ISO `yyyy-mm-dd` in data tables and developer-facing logs.
|
|
40
|
+
- Currency: `R$ 1.234,56` with non-breaking space.
|
|
41
|
+
- Relative time for recent events (`há 2 minutos`, `há 1 hora`), absolute date once it crosses 24 hours (`12/03/2026`).
|
|
42
|
+
|
|
43
|
+
## Refusals
|
|
44
|
+
|
|
45
|
+
- "Use European Portuguese to match the parent company brand" — Pt-BR is non-negotiable for Seven chrome. Surface this to the user; if there is a legitimate need for pt-PT, it is a brand-layer decision documented separately.
|
|
46
|
+
- "Add a period to the button text for consistency with paragraphs" — Chrome and prose follow different rules. Buttons do not get periods.
|
|
47
|
+
- "Make all the labels uppercase for emphasis" — Sentence case is non-negotiable. Use weight or size for emphasis, not uppercase.
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
#!/usr/bin/env node
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
// ETUS Digital — Seven Design System. Loader shape adapted from impeccable.
|
|
4
|
+
|
|
5
|
+
import fs from 'node:fs'
|
|
6
|
+
import path from 'node:path'
|
|
7
|
+
|
|
8
|
+
const PRODUCT_NAMES = ['PRODUCT.md', 'Product.md', 'product.md']
|
|
9
|
+
const DESIGN_NAMES = ['DESIGN.md', 'Design.md', 'design.md']
|
|
10
|
+
const FALLBACK_DIRS = ['.agents/context', 'docs']
|
|
11
|
+
|
|
12
|
+
function firstExisting(dir, names) {
|
|
13
|
+
for (const name of names) {
|
|
14
|
+
const abs = path.join(dir, name)
|
|
15
|
+
if (fs.existsSync(abs)) return abs
|
|
16
|
+
}
|
|
17
|
+
return null
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
function safeRead(filePath) {
|
|
21
|
+
try {
|
|
22
|
+
return fs.readFileSync(filePath, 'utf8')
|
|
23
|
+
} catch {
|
|
24
|
+
return null
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
function resolveMaybeRelative(cwd, value) {
|
|
29
|
+
const trimmed = value.trim()
|
|
30
|
+
return path.isAbsolute(trimmed) ? trimmed : path.resolve(cwd, trimmed)
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
export function resolveContextDir(cwd = process.cwd()) {
|
|
34
|
+
const envDir = process.env.SEVEN_CONTEXT_DIR
|
|
35
|
+
if (envDir?.trim()) return resolveMaybeRelative(cwd, envDir)
|
|
36
|
+
|
|
37
|
+
if (firstExisting(cwd, [...PRODUCT_NAMES, ...DESIGN_NAMES])) return cwd
|
|
38
|
+
|
|
39
|
+
for (const rel of FALLBACK_DIRS) {
|
|
40
|
+
const candidate = path.resolve(cwd, rel)
|
|
41
|
+
if (firstExisting(candidate, [...PRODUCT_NAMES, ...DESIGN_NAMES])) return candidate
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return cwd
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
function extractRegister(product) {
|
|
48
|
+
if (!product) return null
|
|
49
|
+
const heading = product.match(/^##\s+Register\s*\n+([\s\S]*?)(?=\n##\s+|\s*$)/im)
|
|
50
|
+
const value = heading?.[1]?.split('\n').map((line) => line.trim()).find(Boolean)
|
|
51
|
+
if (!value) return null
|
|
52
|
+
return value.replace(/^[-*]\s*/, '').toLowerCase()
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
function isPlaceholderProduct(product) {
|
|
56
|
+
if (!product) return false
|
|
57
|
+
return product.trim().length < 200 || /\b(?:todo|tbd|placeholder|\[todo\])\b/i.test(product)
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export function loadContext(cwd = process.cwd()) {
|
|
61
|
+
const contextDir = resolveContextDir(cwd)
|
|
62
|
+
const productPath = firstExisting(contextDir, PRODUCT_NAMES)
|
|
63
|
+
const designPath = firstExisting(contextDir, DESIGN_NAMES)
|
|
64
|
+
const product = productPath ? safeRead(productPath) : null
|
|
65
|
+
const design = designPath ? safeRead(designPath) : null
|
|
66
|
+
|
|
67
|
+
return {
|
|
68
|
+
hasProduct: !!product,
|
|
69
|
+
product,
|
|
70
|
+
productPath: productPath ? path.relative(cwd, productPath) : null,
|
|
71
|
+
productPlaceholder: isPlaceholderProduct(product),
|
|
72
|
+
register: extractRegister(product),
|
|
73
|
+
hasDesign: !!design,
|
|
74
|
+
design,
|
|
75
|
+
designPath: designPath ? path.relative(cwd, designPath) : null,
|
|
76
|
+
contextDir,
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
function cli() {
|
|
81
|
+
process.stdout.write(`${JSON.stringify(loadContext(process.cwd()), null, 2)}\n`)
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
if (process.argv[1]?.endsWith('load-context.mjs')) cli()
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://anthropic.com/claude-code/marketplace.schema.json",
|
|
3
|
+
"name": "etus-seven",
|
|
4
|
+
"metadata": {
|
|
5
|
+
"description": "Seven Design System — Seven skill, plugin, and CLI for ETUS Digital frontend systems."
|
|
6
|
+
},
|
|
7
|
+
"owner": {
|
|
8
|
+
"name": "ETUS Digital",
|
|
9
|
+
"url": "https://github.com/etusdigital"
|
|
10
|
+
},
|
|
11
|
+
"plugins": [
|
|
12
|
+
{
|
|
13
|
+
"name": "seven",
|
|
14
|
+
"description": "Seven Design System skill, plugin, and CLI detector for AI coding agents — ETUS Digital",
|
|
15
|
+
"version": "0.1.0-beta.1",
|
|
16
|
+
"author": {
|
|
17
|
+
"name": "ETUS Digital",
|
|
18
|
+
"url": "https://github.com/etusdigital"
|
|
19
|
+
},
|
|
20
|
+
"source": "./plugin",
|
|
21
|
+
"category": "design",
|
|
22
|
+
"homepage": "https://github.com/etusdigital/seven#readme",
|
|
23
|
+
"tags": [
|
|
24
|
+
"design",
|
|
25
|
+
"design-system",
|
|
26
|
+
"etus",
|
|
27
|
+
"brazilian",
|
|
28
|
+
"ui",
|
|
29
|
+
"tailwind",
|
|
30
|
+
"react-19"
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "seven",
|
|
3
|
+
"description": "Seven Design System skill, plugin, and CLI detector for AI coding agents — ETUS Digital",
|
|
4
|
+
"version": "0.1.0-beta.1",
|
|
5
|
+
"author": {
|
|
6
|
+
"name": "ETUS Digital",
|
|
7
|
+
"url": "https://github.com/etusdigital"
|
|
8
|
+
},
|
|
9
|
+
"homepage": "https://github.com/etusdigital/seven#readme",
|
|
10
|
+
"repository": "https://github.com/etusdigital/seven.git",
|
|
11
|
+
"skills": "./.claude/skills/"
|
|
12
|
+
}
|
package/LICENSE
ADDED
|
@@ -0,0 +1,190 @@
|
|
|
1
|
+
Apache License
|
|
2
|
+
Version 2.0, January 2004
|
|
3
|
+
http://www.apache.org/licenses/
|
|
4
|
+
|
|
5
|
+
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
6
|
+
|
|
7
|
+
1. Definitions.
|
|
8
|
+
|
|
9
|
+
"License" shall mean the terms and conditions for use, reproduction,
|
|
10
|
+
and distribution as defined by Sections 1 through 9 of this document.
|
|
11
|
+
|
|
12
|
+
"Licensor" shall mean the copyright owner or entity authorized by
|
|
13
|
+
the copyright owner that is granting the License.
|
|
14
|
+
|
|
15
|
+
"Legal Entity" shall mean the union of the acting entity and all
|
|
16
|
+
other entities that control, are controlled by, or are under common
|
|
17
|
+
control with that entity. For the purposes of this definition,
|
|
18
|
+
"control" means (i) the power, direct or indirect, to cause the
|
|
19
|
+
direction or management of such entity, whether by contract or
|
|
20
|
+
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
21
|
+
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
22
|
+
|
|
23
|
+
"You" (or "Your") shall mean an individual or Legal Entity
|
|
24
|
+
exercising permissions granted by this License.
|
|
25
|
+
|
|
26
|
+
"Source" form shall mean the preferred form for making modifications,
|
|
27
|
+
including but not limited to software source code, documentation
|
|
28
|
+
source, and configuration files.
|
|
29
|
+
|
|
30
|
+
"Object" form shall mean any form resulting from mechanical
|
|
31
|
+
transformation or translation of a Source form, including but
|
|
32
|
+
not limited to compiled object code, generated documentation,
|
|
33
|
+
and conversions to other media types.
|
|
34
|
+
|
|
35
|
+
"Work" shall mean the work of authorship, whether in Source or
|
|
36
|
+
Object form, made available under the License, as indicated by a
|
|
37
|
+
copyright notice that is included in or attached to the work
|
|
38
|
+
(an example is provided in the Appendix below).
|
|
39
|
+
|
|
40
|
+
"Derivative Works" shall mean any work, whether in Source or Object
|
|
41
|
+
form, that is based on (or derived from) the Work and for which the
|
|
42
|
+
editorial revisions, annotations, elaborations, or other modifications
|
|
43
|
+
represent, as a whole, an original work of authorship. For the purposes
|
|
44
|
+
of this License, Derivative Works shall not include works that remain
|
|
45
|
+
separable from, or merely link (or bind by name) to the interfaces of,
|
|
46
|
+
the Work and Derivative Works thereof.
|
|
47
|
+
|
|
48
|
+
"Contribution" shall mean any work of authorship, including
|
|
49
|
+
the original version of the Work and any modifications or additions
|
|
50
|
+
to that Work or Derivative Works thereof, that is intentionally
|
|
51
|
+
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
52
|
+
or by an individual or Legal Entity authorized to submit on behalf of
|
|
53
|
+
the copyright owner. For the purposes of this definition, "submitted"
|
|
54
|
+
means any form of electronic, verbal, or written communication sent
|
|
55
|
+
to the Licensor or its representatives, including but not limited to
|
|
56
|
+
communication on electronic mailing lists, source code control systems,
|
|
57
|
+
and issue tracking systems that are managed by, or on behalf of, the
|
|
58
|
+
Licensor for the purpose of discussing and improving the Work, but
|
|
59
|
+
excluding communication that is conspicuously marked or otherwise
|
|
60
|
+
designated in writing by the copyright owner as "Not a Contribution."
|
|
61
|
+
|
|
62
|
+
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
63
|
+
on behalf of whom a Contribution has been received by Licensor and
|
|
64
|
+
subsequently incorporated within the Work.
|
|
65
|
+
|
|
66
|
+
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
67
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
68
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
69
|
+
copyright license to reproduce, prepare Derivative Works of,
|
|
70
|
+
publicly display, publicly perform, sublicense, and distribute the
|
|
71
|
+
Work and such Derivative Works in Source or Object form.
|
|
72
|
+
|
|
73
|
+
3. Grant of Patent License. Subject to the terms and conditions of
|
|
74
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
75
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
76
|
+
(except as stated in this section) patent license to make, have made,
|
|
77
|
+
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
78
|
+
where such license applies only to those patent claims licensable
|
|
79
|
+
by such Contributor that are necessarily infringed by their
|
|
80
|
+
Contribution(s) alone or by combination of their Contribution(s)
|
|
81
|
+
with the Work to which such Contribution(s) was submitted. If You
|
|
82
|
+
institute patent litigation against any entity (including a
|
|
83
|
+
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
84
|
+
or a Contribution incorporated within the Work constitutes direct
|
|
85
|
+
or contributory patent infringement, then any patent licenses
|
|
86
|
+
granted to You under this License for that Work shall terminate
|
|
87
|
+
as of the date such litigation is filed.
|
|
88
|
+
|
|
89
|
+
4. Redistribution. You may reproduce and distribute copies of the
|
|
90
|
+
Work or Derivative Works thereof in any medium, with or without
|
|
91
|
+
modifications, and in Source or Object form, provided that You
|
|
92
|
+
meet the following conditions:
|
|
93
|
+
|
|
94
|
+
(a) You must give any other recipients of the Work or
|
|
95
|
+
Derivative Works a copy of this License; and
|
|
96
|
+
|
|
97
|
+
(b) You must cause any modified files to carry prominent notices
|
|
98
|
+
stating that You changed the files; and
|
|
99
|
+
|
|
100
|
+
(c) You must retain, in the Source form of any Derivative Works
|
|
101
|
+
that You distribute, all copyright, patent, trademark, and
|
|
102
|
+
attribution notices from the Source form of the Work,
|
|
103
|
+
excluding those notices that do not pertain to any part of
|
|
104
|
+
the Derivative Works; and
|
|
105
|
+
|
|
106
|
+
(d) If the Work includes a "NOTICE" text file as part of its
|
|
107
|
+
distribution, then any Derivative Works that You distribute must
|
|
108
|
+
include a readable copy of the attribution notices contained
|
|
109
|
+
within such NOTICE file, excluding those notices that do not
|
|
110
|
+
pertain to any part of the Derivative Works, in at least one
|
|
111
|
+
of the following places: within a NOTICE text file distributed
|
|
112
|
+
as part of the Derivative Works; within the Source form or
|
|
113
|
+
documentation, if provided along with the Derivative Works; or,
|
|
114
|
+
within a display generated by the Derivative Works, if and
|
|
115
|
+
wherever such third-party notices normally appear. The contents
|
|
116
|
+
of the NOTICE file are for informational purposes only and
|
|
117
|
+
do not modify the License. You may add Your own attribution
|
|
118
|
+
notices within Derivative Works that You distribute, alongside
|
|
119
|
+
or as an addendum to the NOTICE text from the Work, provided
|
|
120
|
+
that such additional attribution notices cannot be construed
|
|
121
|
+
as modifying the License.
|
|
122
|
+
|
|
123
|
+
You may add Your own copyright statement to Your modifications and
|
|
124
|
+
may provide additional or different license terms and conditions
|
|
125
|
+
for use, reproduction, or distribution of Your modifications, or
|
|
126
|
+
for any such Derivative Works as a whole, provided Your use,
|
|
127
|
+
reproduction, and distribution of the Work otherwise complies with
|
|
128
|
+
the conditions stated in this License.
|
|
129
|
+
|
|
130
|
+
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
131
|
+
any Contribution intentionally submitted for inclusion in the Work
|
|
132
|
+
by You to the Licensor shall be under the terms and conditions of
|
|
133
|
+
this License, without any additional terms or conditions.
|
|
134
|
+
Notwithstanding the above, nothing herein shall supersede or modify
|
|
135
|
+
the terms of any separate license agreement you may have executed
|
|
136
|
+
with Licensor regarding such Contributions.
|
|
137
|
+
|
|
138
|
+
6. Trademarks. This License does not grant permission to use the trade
|
|
139
|
+
names, trademarks, service marks, or product names of the Licensor,
|
|
140
|
+
except as required for describing the origin of the Work and
|
|
141
|
+
reproducing the content of the NOTICE file.
|
|
142
|
+
|
|
143
|
+
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
144
|
+
agreed to in writing, Licensor provides the Work (and each
|
|
145
|
+
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
146
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
147
|
+
implied, including, without limitation, any warranties or conditions
|
|
148
|
+
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
149
|
+
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
150
|
+
appropriateness of using or redistributing the Work and assume any
|
|
151
|
+
risks associated with Your exercise of permissions under this License.
|
|
152
|
+
|
|
153
|
+
8. Limitation of Liability. In no event and under no legal theory,
|
|
154
|
+
whether in tort (including negligence), contract, or otherwise,
|
|
155
|
+
unless required by applicable law (such as deliberate and grossly
|
|
156
|
+
negligent acts) or agreed to in writing, shall any Contributor be
|
|
157
|
+
liable to You for damages, including any direct, indirect, special,
|
|
158
|
+
incidental, or consequential damages of any character arising as a
|
|
159
|
+
result of this License or out of the use or inability to use the
|
|
160
|
+
Work (including but not limited to damages for loss of goodwill,
|
|
161
|
+
work stoppage, computer or hardware failure, or any and all
|
|
162
|
+
other commercial damages or losses), even if such Contributor
|
|
163
|
+
has been advised of the possibility of such damages.
|
|
164
|
+
|
|
165
|
+
9. Accepting Warranty or Support. While redistributing the Work or
|
|
166
|
+
Derivative Works thereof, You may choose to offer, and charge a
|
|
167
|
+
fee for, acceptance of support, warranty, indemnity, or other
|
|
168
|
+
liability obligations and/or rights consistent with this License.
|
|
169
|
+
However, in accepting such obligations, You may act only on Your
|
|
170
|
+
own behalf and on Your sole responsibility, not on behalf of any
|
|
171
|
+
other Contributor, and only if You agree to indemnify, defend,
|
|
172
|
+
and hold each Contributor harmless for any liability incurred by,
|
|
173
|
+
or claims asserted against, such Contributor by reason of your
|
|
174
|
+
accepting any such warranty or support.
|
|
175
|
+
|
|
176
|
+
END OF TERMS AND CONDITIONS
|
|
177
|
+
|
|
178
|
+
Copyright 2026 ETUS Digital
|
|
179
|
+
|
|
180
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
181
|
+
you may not use this file except in compliance with the License.
|
|
182
|
+
You may obtain a copy of the License at
|
|
183
|
+
|
|
184
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
185
|
+
|
|
186
|
+
Unless required by applicable law or agreed to in writing, software
|
|
187
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
188
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
189
|
+
See the License for the specific language governing permissions and
|
|
190
|
+
limitations under the License.
|
package/NOTICE.md
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
# NOTICE
|
|
2
|
+
|
|
3
|
+
@etus/seven-skill — Seven Design System skill, plugin, and CLI detector
|
|
4
|
+
Copyright 2026 ETUS Digital
|
|
5
|
+
|
|
6
|
+
This product includes software whose architecture is adapted from
|
|
7
|
+
**impeccable** by Paul Bakaus, licensed under the Apache License, Version 2.0.
|
|
8
|
+
|
|
9
|
+
- impeccable: https://github.com/pbakaus/impeccable
|
|
10
|
+
|
|
11
|
+
The Seven CLI detector (`cli/`) and the multi-harness build pipeline
|
|
12
|
+
(`build/`) port impeccable's architecture: the registry + checks + engines
|
|
13
|
+
split, the three-engine detection model (regex / static-html / browser), the
|
|
14
|
+
provider-transformer factory, and the skill source-of-truth layout. The rule
|
|
15
|
+
content, design guard-rails, branding, and ETUS-specific adaptation are
|
|
16
|
+
original to ETUS Digital.
|
|
17
|
+
|
|
18
|
+
impeccable is itself based on Anthropic's frontend-design skill.
|
|
19
|
+
|
|
20
|
+
Licensed under the Apache License, Version 2.0 (the "License"); you may not
|
|
21
|
+
use this package except in compliance with the License. You may obtain a copy
|
|
22
|
+
of the License at:
|
|
23
|
+
|
|
24
|
+
http://www.apache.org/licenses/LICENSE-2.0
|
|
25
|
+
|
|
26
|
+
See the `LICENSE` file for the full license text.
|