Supporting tools

Download supporting tools to enhance your Click UI development workflow. These tools include AI assistant skills and linting plugins.

About the tools

SKILL.md

The SKILL.md file is an AI assistant skill that provides comprehensive guidance for working with Click UI components. It includes component APIs, usage patterns, and best practices to help AI assistants provide accurate code suggestions.

Quick usage

Download the file and add it to your AI assistant’s skills directory. For Cursor, place it in .cursor/skills/ in your project root. The skill will automatically activate when working with Click UI components.

ESLint Plugin

The ESLint plugin for Click UI helps enforce best practices and catch common mistakes when using Click UI components in your React applications. Install it in your project to get real-time linting feedback.

Quick usage

# Install from zip file
yarn add -D eslint-plugin-click-ui@file:./eslint-plugin-click-ui
 
# Or extract and link manually
unzip eslint-plugin-click-ui-v1.1.1.zip
cd eslint-plugin-click-ui && yarn link
cd .. && yarn link eslint-plugin-click-ui

Add to .eslintrc.json:

{
  "extends": ["plugin:click-ui/recommended"],
  "plugins": ["click-ui"]
}

Run: npx eslint src/**/*.{ts,tsx} --fix

Releases Contributors