vite-react-tailwind-design-system

Name: vite-react-tailwind-design-system
Author: IvanBelshoff

Frontend Vite + React + Tailwind. Componentes com escopo mínimo.

by IvanBelshoff(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from IvanBelshoff/ai-harness-kit (packages/cli/templates/presets/vite-react-tailwind-design-system/AGENTS.md). Install upstream with npx skills add IvanBelshoff/ai-harness-kit --skill vite-react-tailwind-design-system. Copyright stays with the author.

SPA: índice para agentes

Frontend Vite + React + Tailwind. Componentes com escopo mínimo.

Stack

Vite 6, React 19, Tailwind CSS 3
Vitest + ESLint

Onde está o harness

docs/harness/
harness/procedures/
harness/triggers/verify-slice.md

Como verificar

npm run typecheck
npm run lint
npm test
npm run build

Regras de ouro

Estilos via Tailwind e tokens CSS (src/index.css).
Novos componentes seguem harness/procedures/add-component.md.
Sem CSS solto fora de tokens sem decisão.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

ivanbelshoff-ai-harness-kit-vite-react-tailwind-design-system.ocm.jsonjson

{
  "ocm": "1",
  "id": "ivanbelshoff-ai-harness-kit-vite-react-tailwind-design-system",
  "kind": "skill",
  "name": "vite-react-tailwind-design-system",
  "description": "Frontend Vite + React + Tailwind. Componentes com escopo mínimo.",
  "publisher": "IvanBelshoff",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github-agents"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Frontend Vite + React + Tailwind. Componentes com escopo mínimo."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-agents",
      "repository": "https://github.com/IvanBelshoff/ai-harness-kit",
      "path": "packages/cli/templates/presets/vite-react-tailwind-design-system/AGENTS.md",
      "ref": "48196dfa229c79a1cebc6af855127478fba21cf6",
      "url": "https://github.com/IvanBelshoff/ai-harness-kit/blob/48196dfa229c79a1cebc6af855127478fba21cf6/packages/cli/templates/presets/vite-react-tailwind-design-system/AGENTS.md",
      "key": "IvanBelshoff/ai-harness-kit/packages/cli/templates/presets/vite-react-tailwind-design-system/AGENTS.md"
    }
  },
  "instructions": "# SPA: índice para agentes\n\nFrontend Vite + React + Tailwind. Componentes com escopo mínimo.\n\n## Stack\n\n- Vite 6, React 19, Tailwind CSS 3\n- Vitest + ESLint\n\n## Onde está o harness\n\n- `docs/harness/`\n- `harness/procedures/`\n- `harness/triggers/verify-slice.md`\n\n## Como verificar\n\n```bash\nnpm run typecheck\nnpm run lint\nnpm test\nnpm run build\n```\n\n## Regras de ouro\n\n1. Estilos via Tailwind e tokens CSS (`src/index.css`).\n2. Novos componentes seguem `harness/procedures/add-component.md`.\n3. Sem CSS solto fora de tokens sem decisão.",
  "cost": {
    "context_tokens": 133
  }
}

Fetch it by URL: GET /api/v1/registry/ivanbelshoff-ai-harness-kit-vite-react-tailwind-design-system/manifest?version=1.0.0