@jrpool/kilotest 60.2.0 → 60.2.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/.devin/config.local.json +2 -1
- package/lhm.plugin.json +1 -1
- package/openapi-3.0.yaml +1 -1
- package/openapi.yaml +1 -1
- package/package.json +1 -1
- package/server.json +1 -1
- package/style.css +3 -0
- package/web/tutorialAI/index.html +52 -49
package/.devin/config.local.json
CHANGED
package/lhm.plugin.json
CHANGED
package/openapi-3.0.yaml
CHANGED
|
@@ -2,7 +2,7 @@ openapi: 3.0.3
|
|
|
2
2
|
info:
|
|
3
3
|
title: Kilotest API
|
|
4
4
|
description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
|
|
5
|
-
version: 60.2.
|
|
5
|
+
version: 60.2.1
|
|
6
6
|
license:
|
|
7
7
|
name: MIT
|
|
8
8
|
url: https://github.com/jrpool/kilotest/blob/main/LICENSE
|
package/openapi.yaml
CHANGED
|
@@ -2,7 +2,7 @@ openapi: 3.1.0
|
|
|
2
2
|
info:
|
|
3
3
|
title: Kilotest API
|
|
4
4
|
description: 'Kilotest is an ensemble testing and reporting service for front-end web quality. It uses an ensemble of 12 rule engines to test web pages for front-end quality (accessibility, usability, and web standards, including HTML, CSS, ARIA, and WCAG). Kilotest acts as a web server for human users, an MCP server for AI platforms, and an API for programmatic access. With this API you can request that a page be tested or retested, discover available reports, incrementally retrieve facts from a report: from what reports are available, to what issues were reported in one report, to what elements violated one issue, to what diagnoses rule engines gave for one violation.'
|
|
5
|
-
version: 60.2.
|
|
5
|
+
version: 60.2.1
|
|
6
6
|
license:
|
|
7
7
|
name: MIT
|
|
8
8
|
identifier: MIT
|
package/package.json
CHANGED
package/server.json
CHANGED
package/style.css
CHANGED
|
@@ -351,6 +351,9 @@ body.styled details[open] summary {
|
|
|
351
351
|
body.styled details > :not(summary) {
|
|
352
352
|
padding-inline: 1.25rem;
|
|
353
353
|
}
|
|
354
|
+
body.styled details > :is(ol, ul):not([class]) {
|
|
355
|
+
padding-inline-start: 2.75rem;
|
|
356
|
+
}
|
|
354
357
|
body.styled .hero details h2 {
|
|
355
358
|
margin: 1.5rem 0 0.5rem;
|
|
356
359
|
}
|
|
@@ -6,9 +6,10 @@
|
|
|
6
6
|
<meta name="description" content="Kilotest tutorial: how to connect an AI platform to Kilotest for technical analysis">
|
|
7
7
|
<title>Connect an AI Platform | Kilotest</title>
|
|
8
8
|
</head>
|
|
9
|
-
<body>
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
<body class="styled">
|
|
10
|
+
__header__
|
|
11
|
+
<main class="page">
|
|
12
|
+
<h1>Connect an AI Platform</h1>
|
|
12
13
|
<h2>Purpose</h2>
|
|
13
14
|
<p>This tutorial shows you how to make Kilotest available to assistants powered by artificial intelligence. Suppose:</p>
|
|
14
15
|
<ul>
|
|
@@ -16,53 +17,55 @@
|
|
|
16
17
|
<li>You want to audit the quality of a web page.</li>
|
|
17
18
|
</ul>
|
|
18
19
|
<p>Then the models on your AI platform can use Kilotest <strong>if</strong> you make Kilotest available on the platform.</p>
|
|
19
|
-
<h2>
|
|
20
|
-
<
|
|
21
|
-
<
|
|
22
|
-
<
|
|
23
|
-
<
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
<
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
20
|
+
<h2>Platform instructions</h2>
|
|
21
|
+
<details id="claude">
|
|
22
|
+
<summary>Claude.ai in a browser or Claude Desktop</summary>
|
|
23
|
+
<p>These instructions apply to <a href="https://claude.ai">Claude.ai in a browser</a> and <a href="https://downloads.claude.com">Claude Desktop</a>.</p>
|
|
24
|
+
<ol>
|
|
25
|
+
<li><a href="https://claude.ai/new">Start a new task</a>.</li>
|
|
26
|
+
<li>Expand the left sidebar to see the labels.</li>
|
|
27
|
+
<li>Click the <q>Customize</q> button.</li>
|
|
28
|
+
<li>Click the <q>Connectors</q> button.</li>
|
|
29
|
+
<li>Enter <q>Kilotest</q> in the <q>Search</q> input.</li>
|
|
30
|
+
<li>Select <q>Kilotest</q> from the search results.</li>
|
|
31
|
+
<li>Click the <q>Connect to Claude</q> button.</li>
|
|
32
|
+
<li>If you wish, click the <q>Your tool permissions</q> button and adjust the settings for the Kilotest tools.</li>
|
|
33
|
+
</ol>
|
|
34
|
+
</details>
|
|
35
|
+
<details id="vibe">
|
|
36
|
+
<summary>Mistral Vibe</summary>
|
|
37
|
+
<ol>
|
|
38
|
+
<li>Choose the <a href="https://chat.mistral.ai/work">Work tab</a>.</li>
|
|
39
|
+
<li>Click <q>Connect your apps for better answers</q>.</li>
|
|
40
|
+
<li>Click the <q>+ Add connector</q> button.</li>
|
|
41
|
+
<li>Click the <q>Add a custom connector</q> button.</li>
|
|
42
|
+
<li>Enter <q>Kilotest</q> into the <q>Connector name</q> input.</li>
|
|
43
|
+
<li>Enter <q>https://kilotest.com/mcp</q> into the <q>Server</q> input.</li>
|
|
44
|
+
<li>Click the <q>Add connector</q> button.</li>
|
|
45
|
+
<li>Toggle the <q>Ask/Allow</q> buttons to show <q>Allow</q>.</li>
|
|
46
|
+
</ol>
|
|
47
|
+
</details>
|
|
48
|
+
<details id="perplexity">
|
|
49
|
+
<summary>Perplexity Pro in a browser</summary>
|
|
50
|
+
<p>These instructions apply to <a href="https://www.perplexity.ai/">Perplexity</a> Pro in a browser.</p>
|
|
51
|
+
<ol>
|
|
52
|
+
<li>After signing in, click the <q>Customize</q> button in the left sidebar.</li>
|
|
53
|
+
<li>Click the <q>+ Custom connector</q> menu button.</li>
|
|
54
|
+
<li>Click the <q>Add MCP connector</q> menu item.</li>
|
|
55
|
+
<li>Enter <q>Kilotest</q> into the <q>Name</q> input.</li>
|
|
56
|
+
<li>Enter <q>https://kilotest.com/mcp</q> into the <q>MCP server URL</q> input.</li>
|
|
57
|
+
<li>Click the <q>Advanced</q> menu button to open the advanced settings.</li>
|
|
58
|
+
<li>Under <q>Authentication</q>, change the authentication type to <q>None</q>.</li>
|
|
59
|
+
<li>Check the <q>I understand …</q> checkbox.</li>
|
|
60
|
+
<li>Click the <q>Add</q> button.</li>
|
|
61
|
+
</ol>
|
|
62
|
+
<p>Once you add Kilotest, it <strong>may</strong> become available in the Perplexity app on your computer or mobile device, too.</p>
|
|
63
|
+
</details>
|
|
61
64
|
<h2 id="other">Other AI platforms</h2>
|
|
62
65
|
<p>You can connect Kilotest to some other AI platforms, too. The instructions above are limited to consumer platforms that are either free or relatively inexpensive (US$20 per month or less). Business platforms such as ChatGPT Business, and developer platforms such as Devin Desktop, also permit you to enable Kilotest.</p>
|
|
63
66
|
<p>Feel free to submit a comment below about empowering any AI platform to use Kilotest.</p>
|
|
64
67
|
<p>You can also submit an issue on the <a href="https://github.com/jrpool/kilotest/issues">Kilotest GitHub repository</a>.</p>
|
|
65
|
-
<section id="suggest-improvement"
|
|
68
|
+
<section id="suggest-improvement">
|
|
66
69
|
<h2>Suggest improvements</h2>
|
|
67
70
|
<p>Please submit suggestions for improving this tutorial below. The Kilotest managers will review them.</p>
|
|
68
71
|
<form id="comment-form" novalidate>
|
|
@@ -139,7 +142,7 @@
|
|
|
139
142
|
#suggest-improvement {
|
|
140
143
|
margin-top: 2rem;
|
|
141
144
|
padding-top: 2rem;
|
|
142
|
-
border-top: solid 1px
|
|
145
|
+
border-top: solid 1px var(--line);
|
|
143
146
|
}
|
|
144
147
|
#comment-form {
|
|
145
148
|
margin: 1rem 0;
|
|
@@ -152,12 +155,12 @@
|
|
|
152
155
|
padding: 0.5rem;
|
|
153
156
|
border: solid 1px #ccc;
|
|
154
157
|
border-radius: 0.25rem;
|
|
155
|
-
font-family:
|
|
158
|
+
font-family: inherit;
|
|
156
159
|
font-size: 1rem;
|
|
157
160
|
}
|
|
158
161
|
.char-count {
|
|
159
162
|
font-size: 0.875rem;
|
|
160
|
-
color:
|
|
163
|
+
color: var(--muted);
|
|
161
164
|
margin: 0.25rem 0;
|
|
162
165
|
}
|
|
163
166
|
.char-count.low {
|