capability-experiments

Experiment with model capabilities — HTML reports, embedded questionnaires, proactive research, multi-step reasoning

IndexedMIT

Install

Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.

npx agentmarket install skill/andeerc-capability-experiments

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

About

Experiment with model capabilities — HTML reports, embedded questionnaires, proactive research, multi-step reasoning

Use cases: frontend, research

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.

Tools: No tools found
Secrets: None asked for
Install scripts: None found

Network hosts it talks to 1

codeload.github.com · found in install command

Files it touches

~/.claude/skills/capability-experiments

What's inside

Skill name: capability-experiments
Description: Experiment with model capabilities — HTML reports, embedded questionnaires, proactive research, multi-step reasoning
License: MIT
Compatibility: cline, claude, opencode, amp, codex, gemini, cursor, pi
Instructions: 263 lines in SKILL.md · view on GitHub

Files (1)

SKILL.md

SKILL.md (first lines)

# Capability Experiments

## When to Use

Use this skill when:
- You need to present complex analysis in a readable format
- Interactive questionnaires would improve user interaction
- Exploring what's possible with next-generation model capabilities
- Multi-step reasoning is needed for architectural decisions
- You want to generate rich outputs (HTML, tables, interactive elements)
- Standard text output isn't sufficient for the task

## What It Does

Teaches techniques for leveraging advanced model capabilities — HTML generation, embedded interactive elements, proactive research, and multi-step reasoning. These patterns showcase what's newly possible with next-generation models and should be used freely.

## HTML Report Generation

Advanced models can generate rich, self-contained HTML. This is useful for:

### Analysis Reports

Generate structured HTML reports for complex findings:

```html
<!DOCTYPE html>
<html>
<head><style>
  body { font-family: system-ui; max-width: 800px; margin: 2rem auto; }
  .finding { border-left: 4px solid #e74c3c; padding: 1rem; margin: 1rem 0; }
  .finding.fixed { border-color: #2ecc71; }
  .severity { font-weight: 600; font-size: 0.85rem; }
</style></head>
<body>
  <h1>Code Review: PR #288</h1>
  <div class="finding">
    <span class="severity">🔴 Critical</span>
    <p>Hardcoded path in config...</p>
  </div>
  ...
</body></html>
```

Use HTML reports when:
- Comparing multiple options or decisions
- Presenting structured analysis with severity levels
- Creating interactive documentation
- Showing progress or status dashboards

### Embedded Questionnaires

Generate HTML questionnaires for spec interviews and quizzes:

```html
<form id="quiz">
  <div class="question">
    <p>1. Why did we choose GitHub App Installation flow?</p>
    <label><input type="radio" name="q1" value="a"> OAuth is deprecated</label>
    <label><input type="radio" name="q1" value="b"> Org-level access ✓</label>
  </div>
  <button type="button" onclick="checkAnswers()">Check</button>
</form>
<script>
function checkAnswers() {
  const correct = { q1: 'b', q2: 'c' };
  // ... scoring logic
}
</script>
```

These work well with Fable's ability to render and execute embedded HTML in responses.

### Decision Trees and Flowcharts

Use HTML/CSS to visualize decision processes:

```html
<div class="decision-tree">
  <div class="node root">Feature Change</div>
  <div class="branch">
    <div class="node">Familiar code?</div>
    <div class="yes">→ Standard pattern</div>
    <div class="no">→ /blindspots first</div>
  </div>
</div>
<style>
  .decision-tree { font-family: monospace; }
  .node { background: #f0f0f0; padding: 8px; margin: 4px; }
  .yes { color: #2ecc71; }
  .no { color: #e74c3c; }
</style>
```

## Proactive Research

Let the agent self-direct exploration rather than waiting for instructions:

### Pattern: "Investigate and Report"

Instead of asking the user what to look at, proactively scan the codebase:

```
1. Scan recent changes with `fff` and `git log`
2. Identify areas of concern or interest
3. Analyze patterns and potential issues
4. Report findings with actionable recommendations
```

### Pattern: "Unknown Unknowns Scan"

Before starting work, proactively look for gotchas:

```
1. Search git history for past bugs in related areas
2. Check qmd for relevant learnings
3. Search ctx for past agent discussions
4. Review existing ADRs for architectural context
5. Report findings before proposing implementation
```

From andeerc/Oh-My-Portable-OpenCode, MIT.

Signals

Stars: 0
Forks: 0
Open issues: 0
Last commit (this folder): Jul 30, 2026 (3 months ago)
Last release: Jul 30, 2026 (3 months ago)

From GitHub (fetched Oct 24, 2026).

Details

License: MIT
Repository: github.com/andeerc/Oh-My-Portable-OpenCode
First seen: Oct 24, 2026
Last checked: Oct 24, 2026
Source: GitHub github-graphql

More from andeerc

Cite this page

capability-experiments skill. Agent Mart. https://agentmart.dev/skills/andeerc-capability-experiments (last updated 2026-10-24)