Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Add the Shortcut Tip product template (`product-shortcut-tip`)

Ouverte
#70 4 commentaires 0 réactions 1 personne assignée Voir sur GitHub

Les mainteneurs répondent en général sous 1 jour

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
74/100
Type d'issue
Fonctionnalité
Clarté
Clairement spécifiée
Activité
Active
Stack technique
react, typescript
Domaine
frontend

Piste de recherche

Start with src/templates/product/minimal-badge.ts and the shared template checklist in #5 to understand the template conventions. Implement the new template in src/templates/product/shortcut-tip.ts, then export it from src/templates/product/index.ts and register it in the Product block of src/templates/registry.ts. Done means it supports two or three plain-text keys with the specified fields and defaults, and meets the checklist.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

good first issue hacktoberfest templates

Part of #5. Product teams often share "pro tip" shortcuts.

Idea
A "Pro tip" pill at the top. In the center, the keys are drawn as keycaps: rounded boxes with a thicker, darker bottom border for depth, JetBrains Mono at around 64px, separated by "+". Below that are the feature name and a one-line description.

Template details

  • File: src/templates/product/shortcut-tip.ts, id product-shortcut-tip
  • Fields: commonFields.title (feature name), commonFields.description, key1 (default "Ctrl"), key2 (default "K"), key3 (optional), label (default "Pro tip"), commonFields.siteName, commonFields.bgColor, commonFields.accentColor, commonFields.textColor

Where to look

  • Closest reference: src/templates/product/minimal-badge.ts

Acceptance criteria

  • Works with 2 or 3 keys; defaults use plain text keys (symbols like ⌘ may be missing from the bundled fonts)
  • Re-exported in src/templates/product/index.ts and registered in the Product block of src/templates/registry.ts
  • Meets the shared template checklist in #5

One template per contributor at a time, so more people get a chance.


Want to work on this? Comment below and I'll assign it to you. Please take one issue at a time, branch off dev, and open your PR against dev with Closes #<this issue number>.

Langage dominant
TypeScript
Étoiles
8
Forks
4
Merge moyen
6 h 37 min
PR mergées (30 j)
58

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de codercops/ogcops

Toutes les issues de codercops/ogcops

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.