#601

Globales Ranking · von 601 Skills

react-haiku-skills AI Agent Skill

Quellcode ansehen: xdannyrobertsx/react-haiku-skills

Medium

Installation

npx skills add xdannyrobertsx/react-haiku-skills --skill react-haiku-skills

6

Installationen

React Haiku Skill

Haiku is a simple & lightweight React library with the goal of saving you time by offering a large collection of hooks & utilities that will help you get the job done faster & more efficiently. This skill helps you reach for those hooks/utilities quickly when optimizing repetitive React code.

  • 46 Hooks, 9 Utilities
  • <7kb bundle (library)
  • Requires React >=16.8.0

Install

npm install react-haiku
pnpm install react-haiku
yarn add react-haiku
bun add react-haiku

Quick taste

import { useDebounce, If } from "react-haiku";

const Search = ({ value }: { value: string }) => {
  const debounced = useDebounce(value, 300);

  return (
    <If isTrue={debounced.length > 0}>
      <span>Searching for: {debounced}</span>
    </If>
  );
};

What is included

  • Hooks: debouncing, clipboard, network, scroll, media query, WebSocket, and more
  • Utilities: conditional render helpers, error boundaries, class helpers, and list rendering

Browse the full catalog in the docs.

Links

Installationen

Installationen 6
Globales Ranking #601 von 601

Sicherheitsprüfung

ath Safe
socket Safe
Warnungen: 0 Bewertung: 90
snyk Medium

So verwenden Sie diesen Skill

1

Install react-haiku-skills by running npx skills add xdannyrobertsx/react-haiku-skills --skill react-haiku-skills in your project directory. Führen Sie den obigen Installationsbefehl in Ihrem Projektverzeichnis aus. Die Skill-Datei wird von GitHub heruntergeladen und in Ihrem Projekt platziert.

2

Keine Konfiguration erforderlich. Ihr KI-Agent (Claude Code, Cursor, Windsurf usw.) erkennt installierte Skills automatisch und nutzt sie als Kontext bei der Code-Generierung.

3

Der Skill verbessert das Verständnis Ihres Agenten für react-haiku-skills, und hilft ihm, etablierte Muster zu befolgen, häufige Fehler zu vermeiden und produktionsreifen Code zu erzeugen.

Was Sie erhalten

Skills sind Klartext-Anweisungsdateien — kein ausführbarer Code. Sie kodieren Expertenwissen über Frameworks, Sprachen oder Tools, das Ihr KI-Agent liest, um seine Ausgabe zu verbessern. Das bedeutet null Laufzeit-Overhead, keine Abhängigkeitskonflikte und volle Transparenz: Sie können jede Anweisung vor der Installation lesen und prüfen.

Kompatibilität

Dieser Skill funktioniert mit jedem KI-Coding-Agenten, der das skills.sh-Format unterstützt, einschließlich Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider und anderen Tools, die projektbezogene Kontextdateien lesen. Skills sind auf Transportebene framework-agnostisch — der Inhalt bestimmt, für welche Sprache oder welches Framework er gilt.

Data sourced from the skills.sh registry and GitHub. Install counts and security audits are updated regularly.

EU Made in Europe

Chat with 100+ AI Models in one App.

Use Claude, ChatGPT, Gemini alongside with EU-Hosted Models like Deepseek, GLM-5, Kimi K2.5 and many more.

Start for free View pricing