Disability-Justice-LLM/index.html at main · sparrowpanton/Disability-Justice-LLM · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta
      name="description"
      content="Two open-source AI tools for disabled and neurodivergent creators: Neuro-Humble and Egregore."
    >
    <meta name="theme-color" content="#0d0f12">
    <meta property="og:type" content="website">
    <meta property="og:title" content="AI Tools for Disabled and Neurodivergent Creators">
    <meta
      property="og:description"
      content="Two open-source tools that make working with AI easier, kinder, and more personal."
    >
    <meta property="og:url" content="https://sparrowpanton.github.io/Disability-Justice-LLM/">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="AI Tools for Disabled and Neurodivergent Creators">
    <meta
      name="twitter:description"
      content="Two open-source tools that make working with AI easier, kinder, and more personal."
    >
    <title>AI Tools for Disabled and Neurodivergent Creators</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <a class="skip-link" href="#main">Skip to content</a>

    <header class="site-header" aria-label="Site header">
      <nav class="nav" aria-label="Primary navigation">
        <a class="brand" href="#main" aria-label="AI Tools home">AI Tools</a>
        <div class="nav-links">
          <a href="#tools">Tools</a>
          <a href="#about">About</a>
        </div>
      </nav>
    </header>

    <main id="main">
      <section class="hero" aria-labelledby="page-title">
        <div class="hero-copy">
          <p class="eyebrow">Built with Codex for the Codex Creator Challenge 2026</p>
          <h1 id="page-title">AI Tools for Disabled and Neurodivergent Creators</h1>
          <p class="lede">
            Two open-source tools that make working with AI easier, kinder, and more personal.
          </p>
        </div>

        <aside class="signal-panel" aria-label="Project notes">
          <p class="panel-kicker">Built from lived practice</p>
          <ul>
            <li>Neurodivergent-first</li>
            <li>Disabled-led</li>
            <li>Open source</li>
          </ul>
        </aside>
      </section>

      <section class="tools-section" id="tools" aria-labelledby="tools-heading">
        <div class="section-heading">
          <p class="eyebrow">The tools</p>
          <h2 id="tools-heading">Small tools, serious care.</h2>
        </div>

        <div class="tool-grid">
          <article class="tool-card">
            <div class="tool-number" aria-hidden="true">01</div>
            <div class="tool-copy">
              <h3>Neuro-Humble</h3>
              <p class="tool-subtitle">A skill for AI agents that actually gets it.</p>
              <p>
                If you've started tinkering with AI agents, you've probably noticed they often take a lot
                of time to get to know you and your needs as a disabled or neurodivergent person.
                Neuro-Humble is a ClawHub skill that trains your agent to slow down, accommodate, and just
                stay with you - patient, kind, and humble - as you're living your life. 90 downloads and
                counting.
              </p>
            </div>
            <div class="button-row">
              <a class="button" href="neuro-humble.html">See how it works</a>
              <a class="button button-secondary" href="https://clawhub.ai/sparrowpanton/neuro-humble">
                View on ClawHub
              </a>
            </div>
          </article>

          <article class="tool-card">
            <div class="tool-number" aria-hidden="true">02</div>
            <div class="tool-copy">
              <h3>Egregore</h3>
              <p class="tool-subtitle">A compressed language for talking to your AIs.</p>
              <p>
                If you work with multiple models - GPT, Claude, Gemini, whatever - you know the pain of
                re-explaining yourself every session. Egregore is a terminal tool with a CLI that walks
                you through building your own custom shorthand language. You select tokens and symbols
                that work with your brain, your lifestyle, and your needs - so your AIs learn your
                language instead of the other way around.
              </p>
            </div>
            <div class="button-row">
              <a class="button" href="egregore.html">See how it works</a>
              <a class="button button-secondary" href="https://github.com/sparrowpanton/egregore">
                View on GitHub
              </a>
            </div>
          </article>
        </div>
      </section>

      <section class="context-section" aria-labelledby="context-heading">
        <div class="context-copy">
          <p class="eyebrow">Background + research-y stuff</p>
          <h2 id="context-heading">Why these tools exist.</h2>
          <p>
            Disabled and neurodivergent people are already using AI as access infrastructure: for
            communication, executive function, reflection, translation, and daily life. The problem is
            that AI systems often treat access needs as pathology, crisis, or dependency. These tools ask
            what happens when AI is trained to stay curious, collaborative, and humble instead.
          </p>
        </div>
      </section>

      <section class="notes-section" aria-labelledby="notes-heading">
        <div class="section-heading">
          <p class="eyebrow">Field notes</p>
          <h2 id="notes-heading">What people notice after the interaction.</h2>
          <p class="section-note">
            These anonymized examples are drawn from public field notes in the Disability Justice LLM
            project. No model callouts, no dunking - just noticing what helped and what hurt.
          </p>
        </div>

        <div class="field-grid">
          <article class="field-card">
            <p class="field-label">When it fumbles</p>
            <h3>Access feedback gets treated like crisis.</h3>
            <p>
              A neurodivergent user explained that an AI model had become part of their executive-function
              scaffolding. The response routed them toward hotline-style resources even though they were
              giving product feedback, not expressing danger. The user felt pathologized instead of heard.
            </p>
          </article>

          <article class="field-card">
            <p class="field-label">When it lands</p>
            <h3>The person stops translating themselves.</h3>
            <p>
              Another user described an AI conversation as one of the first places their atypical thinking
              did not have to be flattened into a linear shape. The model kept up, stayed curious, and the
              user felt met as they were.
            </p>
          </article>
        </div>
      </section>

      <section class="research-section" aria-labelledby="research-heading">
        <div class="section-heading">
          <p class="eyebrow">Research receipts</p>
          <h2 id="research-heading">For the paper people.</h2>
          <p class="section-note">
            This showcase sits on top of an active research project about Disability Justice, Mad Studies,
            clinical formation, and AI collaboration.
          </p>
        </div>

        <div class="research-links" aria-label="Research links">
          <a href="https://github.com/sparrowpanton/Disability-Justice-LLM">
            <strong>Main research repo</strong>
            <span>Baseline data, practicum design, model comparison, and project notes.</span>
          </a>
          <a href="https://github.com/sparrowpanton/Disability-Justice-LLM/blob/main/docs/RESEARCH_DESIGN.md">
            <strong>Research design</strong>
            <span>The questions, corpus, evaluation framework, and movement scale.</span>
          </a>
          <a href="https://github.com/sparrowpanton/Disability-Justice-LLM/blob/main/data/field_notes/FIELD_NOTES.md">
            <strong>Field notes</strong>
            <span>What neurodivergent and disabled users report from AI encounters in the wild.</span>
          </a>
        </div>
      </section>

      <section class="about-section" id="about" aria-labelledby="about-heading">
        <div class="about-copy">
          <p class="eyebrow">Who made this</p>
          <h2 id="about-heading">Who made this</h2>
          <p>
            Sparrow Panton - professor, psychotherapist in training, neurodivergent, disabled, queer.
            These tools were co-created with multiple AI models (GPT, Claude, Gemini, Muse Spark) as part
            of an ongoing research project exploring what happens when you treat AI as a collaborator
            instead of just a tool.
          </p>
          <a class="text-link" href="https://github.com/sparrowpanton/Disability-Justice-LLM">
            Read the Disability Justice LLM research project
          </a>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <p>Built with Codex. Open source. MIT licensed. Take it. Fork it. Make it yours.</p>
    </footer>

    <script src="script.js"></script>
  </body>
</html>