@jrpool/kilotest 60.2.0 → 60.3.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/.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 +105 -50
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.
|
|
5
|
+
version: 60.3.0
|
|
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.
|
|
5
|
+
version: 60.3.0
|
|
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,63 +6,118 @@
|
|
|
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>
|
|
15
|
-
<li>You use an AI platform, like Claude, Mistral Vibe, or Perplexity Pro.</li>
|
|
16
|
+
<li>You use an AI platform, like ChatGPT, Claude, Gemini, Grok, Manus, Mistral Vibe, or Perplexity Pro.</li>
|
|
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="chatgpt">
|
|
22
|
+
<summary>ChatGPT Plus or Pro in a browser</summary>
|
|
23
|
+
<p>These instructions apply to <a href="https://chatgpt.com">ChatGPT</a> on the Plus or Pro plan. Custom-app support on consumer plans is new and still changing; these instructions will be simplified once Kilotest is listed in the ChatGPT app directory.</p>
|
|
24
|
+
<ol>
|
|
25
|
+
<li>Open the <q>Plugins</q> page.</li>
|
|
26
|
+
<li>Click the <q>+</q> button.</li>
|
|
27
|
+
<li>Click <q>Add custom MCP server</q>.</li>
|
|
28
|
+
<li>Enter <q>Kilotest</q> into the <q>Name</q> input.</li>
|
|
29
|
+
<li>Under <q>Connection</q>, enter <q>https://kilotest.com/mcp</q> into the <q>Server URL</q> input.</li>
|
|
30
|
+
<li>Set the authentication to <q>No authentication</q>.</li>
|
|
31
|
+
<li>Check the <q>I understand and want to continue</q> checkbox.</li>
|
|
32
|
+
<li>Click the <q>Create as a plugin</q> button.</li>
|
|
33
|
+
<li>Review the discovered tools and metadata, then install the plugin.</li>
|
|
34
|
+
</ol>
|
|
35
|
+
<p>To use Kilotest in a conversation, enter <q>@</q> in the prompt input and select <q>Kilotest</q>.</p>
|
|
36
|
+
</details>
|
|
37
|
+
<details id="claude">
|
|
38
|
+
<summary>Claude.ai in a browser or Claude Desktop</summary>
|
|
39
|
+
<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>
|
|
40
|
+
<ol>
|
|
41
|
+
<li><a href="https://claude.ai/new">Start a new task</a>.</li>
|
|
42
|
+
<li>Expand the left sidebar to see the labels.</li>
|
|
43
|
+
<li>Click the <q>Customize</q> button.</li>
|
|
44
|
+
<li>Click the <q>Connectors</q> button.</li>
|
|
45
|
+
<li>Enter <q>Kilotest</q> in the <q>Search</q> input.</li>
|
|
46
|
+
<li>Select <q>Kilotest</q> from the search results.</li>
|
|
47
|
+
<li>Click the <q>Connect to Claude</q> button.</li>
|
|
48
|
+
<li>If you wish, click the <q>Your tool permissions</q> button and adjust the settings for the Kilotest tools.</li>
|
|
49
|
+
</ol>
|
|
50
|
+
</details>
|
|
51
|
+
<details id="gemini">
|
|
52
|
+
<summary>Google Gemini in a browser</summary>
|
|
53
|
+
<p>These instructions apply to <a href="https://gemini.google.com">Gemini</a> if you are at least 18 years old, are in the United States, are signed in to a personal (not a work or school) Google Account with the <q>Keep Activity</q> setting on, and are using English. Google is rolling out custom apps gradually; on some plans the <q>Custom apps</q> section requires a Google AI Pro or Ultra subscription.</p>
|
|
54
|
+
<ol>
|
|
55
|
+
<li>Click the <q>Settings</q> button at the bottom left.</li>
|
|
56
|
+
<li>Click <q>Connected Apps</q>. If you do not see it, click <q>Personal Intelligence</q> first.</li>
|
|
57
|
+
<li>Under <q>Custom apps</q>, click <q>Add a custom app</q>.</li>
|
|
58
|
+
<li>Enter <q>https://kilotest.com/mcp</q> as the MCP server URL.</li>
|
|
59
|
+
<li>Click <q>Next</q>.</li>
|
|
60
|
+
<li>Follow the on-screen instructions and approve the connection.</li>
|
|
61
|
+
</ol>
|
|
62
|
+
<p>Once you add Kilotest, it also becomes available in the Gemini app on your mobile device. To make Gemini use Kilotest for a prompt, enter <q>@</q> and select Kilotest.</p>
|
|
63
|
+
</details>
|
|
64
|
+
<details id="grok">
|
|
65
|
+
<summary>Grok</summary>
|
|
66
|
+
<p>These instructions apply to <a href="https://grok.com">Grok</a> on any plan, including the free plan.</p>
|
|
67
|
+
<ol>
|
|
68
|
+
<li>Open the <q>Connectors</q> page.</li>
|
|
69
|
+
<li>Click the <q>New Connector</q> button.</li>
|
|
70
|
+
<li>Click <q>Custom</q>.</li>
|
|
71
|
+
<li>Enter <q>Kilotest</q> as the name.</li>
|
|
72
|
+
<li>Enter <q>https://kilotest.com/mcp</q> as the server address.</li>
|
|
73
|
+
<li>Save the connector.</li>
|
|
74
|
+
</ol>
|
|
75
|
+
</details>
|
|
76
|
+
<details id="manus">
|
|
77
|
+
<summary>Manus</summary>
|
|
78
|
+
<p>These instructions apply to <a href="https://manus.im">Manus</a>.</p>
|
|
79
|
+
<ol>
|
|
80
|
+
<li>Open <q>Connectors</q>.</li>
|
|
81
|
+
<li>Click <q>Create</q>.</li>
|
|
82
|
+
<li>Click <q>Add MCP by URL</q>.</li>
|
|
83
|
+
<li>Enter <q>Kilotest</q> into the <q>Server name</q> input.</li>
|
|
84
|
+
<li>Enter <q>https://kilotest.com/mcp</q> into the <q>Server URL</q> input.</li>
|
|
85
|
+
<li>Save the connector.</li>
|
|
86
|
+
</ol>
|
|
87
|
+
</details>
|
|
88
|
+
<details id="vibe">
|
|
89
|
+
<summary>Mistral Vibe</summary>
|
|
90
|
+
<ol>
|
|
91
|
+
<li>Choose the <a href="https://chat.mistral.ai/work">Work tab</a>.</li>
|
|
92
|
+
<li>Click <q>Connect your apps for better answers</q>.</li>
|
|
93
|
+
<li>Click the <q>+ Add connector</q> button.</li>
|
|
94
|
+
<li>Click the <q>Add a custom connector</q> button.</li>
|
|
95
|
+
<li>Enter <q>Kilotest</q> into the <q>Connector name</q> input.</li>
|
|
96
|
+
<li>Enter <q>https://kilotest.com/mcp</q> into the <q>Server</q> input.</li>
|
|
97
|
+
<li>Click the <q>Add connector</q> button.</li>
|
|
98
|
+
<li>Toggle the <q>Ask/Allow</q> buttons to show <q>Allow</q>.</li>
|
|
99
|
+
</ol>
|
|
100
|
+
</details>
|
|
101
|
+
<details id="perplexity">
|
|
102
|
+
<summary>Perplexity Pro in a browser</summary>
|
|
103
|
+
<p>These instructions apply to <a href="https://www.perplexity.ai/">Perplexity</a> Pro in a browser.</p>
|
|
104
|
+
<ol>
|
|
105
|
+
<li>After signing in, open the <q>Plugins</q> menu.</li>
|
|
106
|
+
<li>Click <q>Add custom</q>, then <q>Connector</q>.</li>
|
|
107
|
+
<li>Click <q>Add MCP connector</q>, then <q>Remote</q>.</li>
|
|
108
|
+
<li>Enter <q>Kilotest</q> into the <q>Name</q> input.</li>
|
|
109
|
+
<li>Enter <q>https://kilotest.com/mcp</q> into the <q>MCP server URL</q> input.</li>
|
|
110
|
+
<li>Under <q>Authentication</q>, change the authentication type to <q>None</q>.</li>
|
|
111
|
+
<li>Check the <q>I understand …</q> checkbox.</li>
|
|
112
|
+
<li>Click the <q>Add</q> button.</li>
|
|
113
|
+
</ol>
|
|
114
|
+
<p>Once you add Kilotest, it <strong>may</strong> become available in the Perplexity app on your computer or mobile device, too.</p>
|
|
115
|
+
</details>
|
|
61
116
|
<h2 id="other">Other AI platforms</h2>
|
|
62
117
|
<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
118
|
<p>Feel free to submit a comment below about empowering any AI platform to use Kilotest.</p>
|
|
64
119
|
<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"
|
|
120
|
+
<section id="suggest-improvement">
|
|
66
121
|
<h2>Suggest improvements</h2>
|
|
67
122
|
<p>Please submit suggestions for improving this tutorial below. The Kilotest managers will review them.</p>
|
|
68
123
|
<form id="comment-form" novalidate>
|
|
@@ -139,7 +194,7 @@
|
|
|
139
194
|
#suggest-improvement {
|
|
140
195
|
margin-top: 2rem;
|
|
141
196
|
padding-top: 2rem;
|
|
142
|
-
border-top: solid 1px
|
|
197
|
+
border-top: solid 1px var(--line);
|
|
143
198
|
}
|
|
144
199
|
#comment-form {
|
|
145
200
|
margin: 1rem 0;
|
|
@@ -152,12 +207,12 @@
|
|
|
152
207
|
padding: 0.5rem;
|
|
153
208
|
border: solid 1px #ccc;
|
|
154
209
|
border-radius: 0.25rem;
|
|
155
|
-
font-family:
|
|
210
|
+
font-family: inherit;
|
|
156
211
|
font-size: 1rem;
|
|
157
212
|
}
|
|
158
213
|
.char-count {
|
|
159
214
|
font-size: 0.875rem;
|
|
160
|
-
color:
|
|
215
|
+
color: var(--muted);
|
|
161
216
|
margin: 0.25rem 0;
|
|
162
217
|
}
|
|
163
218
|
.char-count.low {
|