create-plugin

Create and convert Pure UI framework plugins with structural templates.

Updated Dec 17, 2022

Search Tags:#frontend #javascript #plugin development #component #pure ui #jquery migration

Ready to run

npx skills add https://github.com/shishiv30/pure --skill create-plugin-shishiv30

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: create-plugin
Source: https://github.com/shishiv30/pure/tree/main/.cursor/skills/create-plugin
Command: npx skills add https://github.com/shishiv30/pure --skill create-plugin-shishiv30

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of creating new plugins for the Pure UI framework and converting existing jQuery-style plugins into the modern Pure UI Plugin system.

Core Features & Use Cases

Plugin Scaffolding: Provides a clear structure and best practices for new plugin development.
Conversion Guidance: Offers specific steps and code examples for migrating from jQuery to native DOM manipulation.
Use Case: You're developing a new interactive component for your Pure UI project, like a custom modal. Use this Skill to generate the basic plugin structure and understand how to hook into Pure UI's lifecycle.

Quick Start

Use the create-plugin skill to generate a new plugin file for a 'modal' component.

Frequently Asked Questions about create-plugin

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I create a new plugin for the Pure UI framework?▼

To create a Pure UI plugin, use this Skill to generate the basic plugin file structure. It provides scaffolding templates and hooks into the Pure UI core for automatic initialization via `data-role` attributes.

What is the best way to migrate a jQuery plugin to native DOM manipulation?▼

Migrating a jQuery plugin to native DOM manipulation is streamlined by following the provided structural templates. This Skill offers specific conversion steps and code examples to modernize legacy jQuery functionalities into the Pure UI system.

How does automatic initialization work for Pure UI components?▼

Automatic initialization for Pure UI components works by integrating with the framework core via `data-role` attributes. When you structure your plugin using this Skill, the core system automatically detects and initializes the component.

Can I use this to scaffold interactive components like a custom modal?▼

Yes, you can scaffold interactive components like a custom modal. This Skill generates the basic plugin file structure and helps you understand how to hook into the Pure UI lifecycle for new component development.

Do I need jQuery installed to convert legacy plugins to Pure UI?▼

You do not need jQuery installed to convert legacy plugins. The Skill provides guidance and native DOM manipulation examples to help you decouple from jQuery and integrate directly into the Pure UI framework architecture.