frontend

Name: frontend
Author: DipakGohilSimform

Example: export _ from './button'; export _ from './card';

by DipakGohilSimform(0) 0 installs

Free

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

See reviews

About

Instruction file imported from DipakGohilSimform/disprz-copilot-journey (.github/instructions/frontend.instructions.md). Copyright stays with the author.

Frontend Guidelines (React + TS + Tailwind + shadcn)

Use React functional components only
Use TypeScript with strict typing (avoid any)
Use Tailwind CSS (no inline styles)
Use shadcn/ui components wherever possible
Follow accessibility best practices (aria labels, semantic HTML)

Component Structure

All components should be created inside the ui folder
Keep components reusable and modular
Follow consistent naming conventions

Exports

Always export components from index.ts file

Example: export _ from './button'; export _ from './card';

Use it

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

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/dipakgohilsimform-disprz-copilot-journey-frontend-instructions/manifest   # or paste the manifest below

Manifest

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

dipakgohilsimform-disprz-copilot-journey-frontend-instructions.ocm.jsonjson

{
  "ocm": "1",
  "id": "dipakgohilsimform-disprz-copilot-journey-frontend-instructions",
  "kind": "skill",
  "name": "frontend",
  "description": "Example: export _ from './button'; export _ from './card';",
  "publisher": "DipakGohilSimform",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "github-instructions"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Example: export _ from './button'; export _ from './card';"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-instructions",
      "repository": "https://github.com/DipakGohilSimform/disprz-copilot-journey",
      "path": ".github/instructions/frontend.instructions.md",
      "ref": "55d97c6269c294f562702ba0d51952f7254a0e5f",
      "url": "https://github.com/DipakGohilSimform/disprz-copilot-journey/blob/55d97c6269c294f562702ba0d51952f7254a0e5f/.github/instructions/frontend.instructions.md",
      "key": "DipakGohilSimform/disprz-copilot-journey/.github/instructions/frontend.instructions.md"
    },
    "applies_to": "src/components/**/*.tsx"
  },
  "instructions": "## Frontend Guidelines (React + TS + Tailwind + shadcn)\n\n- Use React functional components only\n- Use TypeScript with strict typing (avoid any)\n- Use Tailwind CSS (no inline styles)\n- Use shadcn/ui components wherever possible\n- Follow accessibility best practices (aria labels, semantic HTML)\n\n## Component Structure\n\n- All components should be created inside the `ui` folder\n- Keep components reusable and modular\n- Follow consistent naming conventions\n\n## Exports\n\n- Always export components from `index.ts` file\n\nExample:\nexport _ from './button';\nexport _ from './card';",
  "cost": {
    "context_tokens": 143
  }
}

Fetch it by URL: GET /api/v1/registry/dipakgohilsimform-disprz-copilot-journey-frontend-instructions/manifest?version=1.0.0