Skip to content
Skillv1.0.0

frontend

For small components use inline styles and templates. Only create separate files when readability demands it. - In HTML code don't break lines after the tag. Instead keep everything on one line until

by iqb-berlin(0) 0 installs
Free
Sign in to install

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

See reviews

About

Imported from iqb-berlin/testcenter (frontend/AGENTS.md). Install upstream with npx skills add iqb-berlin/testcenter --skill frontend. Copyright stays with the author.

  • For small components use inline styles and templates. Only create separate files when readability demands it.
  • In HTML code don't break lines after the tag. Instead keep everything on one line until it reaches 80 characters.
  • In HTML order attributes the following way:
    1. structural directives
    2. IDs, classes, aria labels
    3. Inputs
    4. Outputs
  • Prefer declarative colors and font sizes instead of hex codes.

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/iqb-berlin-testcenter-frontend/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.

iqb-berlin-testcenter-frontend.ocm.jsonjson
{
  "ocm": "1",
  "id": "iqb-berlin-testcenter-frontend",
  "kind": "skill",
  "name": "frontend",
  "description": "For small components use inline styles and templates. Only create separate files when readability demands it. - In HTML code don't break lines after the tag. Instead keep everything on one line until it reaches 80 characters. - In HTML order attributes the following way: 1. structural directives 2. IDs, classes, aria labels 3. Inputs 4. Outputs - Prefer declarative colors and font sizes instead of hex codes.",
  "publisher": "iqb-berlin",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "github-agents"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "For small components use inline styles and templates. Only create separate files when readability demands it. - In HTML code don't break lines after the tag. Instead keep everything on one line until it reaches 80 characters. - In HTML order attributes the following way: 1. structural directives 2. IDs, classes, aria labels 3. Inputs 4. Outputs - Prefer declarative colors and font sizes instead of hex codes."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-agents",
      "repository": "https://github.com/iqb-berlin/testcenter",
      "path": "frontend/AGENTS.md",
      "ref": "19411870c3b1f8700d62e003c036c677f74116db",
      "url": "https://github.com/iqb-berlin/testcenter/blob/19411870c3b1f8700d62e003c036c677f74116db/frontend/AGENTS.md",
      "key": "iqb-berlin/testcenter/frontend/AGENTS.md"
    }
  },
  "instructions": "- For small components use inline styles and templates. Only create separate files when readability demands it.\n- In HTML code don't break lines after the tag. Instead keep everything on one line until it reaches 80 characters.\n- In HTML order attributes the following way:\n  1. structural directives\n  2. IDs, classes, aria labels\n  3. Inputs\n  4. Outputs\n- Prefer declarative colors and font sizes instead of hex codes.",
  "cost": {
    "context_tokens": 105
  }
}

Fetch it by URL: GET /api/v1/registry/iqb-berlin-testcenter-frontend/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.