skills.rest
shishiv30
shishiv30COMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/shishiv30/pure --skill create-plugin-shishiv30
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
analogjsanalogjs
595

angular-testing

Create and run Angular v21+ unit and integration tests with Vitest or Jasmine.

Official
Intermediate
maragudkmaragudk
27

gomponents

Construct type-safe HTML components with a Node-like API in Go.

Official
Intermediate
rostiSerostiSe
1

use-dom

Render web code in Expo React Native apps via DOM components in a webview.

Community
Intermediate
Olu-AnuAkin-AkinyemiOlu-AnuAkin-Akinyemi
1

vanilla-js-architect

Structure vanilla JavaScript frontend apps into Core, UI, App, and Data layers.

Community
Advanced