dkotama/skills

Curated skills for Claude Code and OpenCode — handcrafted by I Nyoman Darma Kotama.

Skills are self-contained agent instructions that load into your AI coding assistant's context. Covers frontend UI systems and project workflow tooling.

Showcase site: https://dkotama.github.io/skills

---

Install

Add this marketplace to Claude Code once:

/plugin marketplace add dkotama/skills

Then browse and install individual skills:

/plugin list available --marketplace dkotama-skills
/plugin install <skill-name>@dkotama-skills

---

Available Skills

tailprint-builder

Blueprint.js aesthetic using only Tailwind CSS — no BlueprintJS dependency.

TailPrint is a Tailwind CSS design system that replicates the high-density, industrial look of Blueprint.js. Built for professional admin UIs: ERP dashboards, IoT monitoring, accounting, and warehouse management. Charts via ApexCharts (CDN). Supports multi-tenant theming and dark mode.

/plugin install tailprint-builder@dkotama-skills

Invoke: /tailprint-builder:tailprint-builder

Details: https://dkotama.github.io/skills/plugins/tailprint-builder

---

monorepo-init

Bootstrap a new project with full scaffold — interview-driven, idempotent.

Runs a 6-question interview, then writes CLAUDE.md, .memory/, docs/README.md, PRD.md, and either TASK.md or a docs/SPEC_*.md (if using superpowers skills). Writes per-platform memory folders. Safe to re-run — never overwrites memory files, prompts before touching CLAUDE.md or PRD.md.

/plugin install monorepo-init@dkotama-skills

Invoke: /monorepo-init:monorepo-init

Details: https://dkotama.github.io/skills/plugins/monorepo-init

---

ui-flow-hunter

Autonomous UI bug hunter — explores your running web app like a real user, then pushes harder.

Crawls the rendered surface as authenticated personas (guest / user / admin) through real browser automation, hunting visual regressions, form validation gaps, double-submission bugs, broken state loops, and silent failures — then files structured [BUG-UI] / [UX-PROPOSAL] issues via gh with screenshot evidence hosted as release assets. A retest mode re-runs repros of issues labeled for retest, posts FIXED / STILL REPRODUCIBLE verdicts, and closes verified fixes.

Two skills in one plugin:

• setup-ui-flow-hunter — one-time (re-runnable) setup. Bootstraps missing tooling automatically (Node, Playwright, Chromium, gh CLI — only gh auth login needs a human), collects personas and the app URL, writes .bug-hunter/config.json, scaffolds an isolated git-ignored workspace, and can prove the pipeline with a dry-run smoke hunt.
• continuous-ui-flow-hunter — the hunt loop: discover → audit → report, dispatched as parallel subagents (one per persona), with per-run issue caps, tracker dedup, and environment-gated filing.

Requirements: Node.js 18+ (setup installs the rest). Issue filing needs gh auth login; without it the hunter still runs and saves reports locally.

/plugin install ui-flow-hunter@dkotama-skills

Invoke: /ui-flow-hunter:setup-ui-flow-hunter first, then /ui-flow-hunter:continuous-ui-flow-hunter

Details: https://dkotama.github.io/skills/plugins/ui-flow-hunter

---

Repo Structure

.claude-plugin/
  marketplace.json          plugin registry

skills/
  tailprint-builder/
    SKILL.md                skill entry
    config/                 tailwind config, design tokens
    recipes/                component markup, chart patterns, filters
  monorepo-init/
    SKILL.md                skill entry
    config/                 file templates
    recipes/                interview flow, execution steps
  continuous-ui-flow-hunter/
    SKILL.md                skill entry (hunt loop, retest mode, subagent posture)
    references/             discovery, audit, reporting, subagent dispatch
  setup-ui-flow-hunter/
    SKILL.md                skill entry (tooling bootstrap, config, workspace)
    references/             tooling playbook
    scripts/                setup-tooling.sh — idempotent bootstrap

samples/
  tailprint/                Astro sample app

docs/                       GitHub Pages root
  index.html                marketplace home
  assets/
    style.css
    logo.svg
  plugins/
    tailprint-builder/
      index.html            plugin detail page
      preview/              screenshots
    monorepo-init/
      index.html            plugin detail page
    ui-flow-hunter/
      index.html            plugin detail page

---

GitHub Pages Setup

In repo Settings -> Pages, set source to docs/ folder on main (or master) branch.

---

Adding a New Skill

1. Add skill source to skills/<skill-name>/
2. Add entry to .claude-plugin/marketplace.json
3. Create docs/plugins/<skill-name>/index.html
4. Add a card to docs/index.html

---

License

MIT