create-tool

Automate tool creation and registration for the EH-Tools uni-app project.

2|Updated Feb 24, 2025
One-click install
npx skills add https://github.com/wh131462/eh-tools --skill create-tool
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-tool
Source: https://github.com/wh131462/eh-tools/tree/main/.claude/skills/create-tool
Command: npx skills add https://github.com/wh131462/eh-tools --skill create-tool

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

It eliminates the manual, error-prone process of adding a new tool to the EH Tools uni-app project by providing a single, repeatable checklist and templates that cover icons, registry, routes, localization, styles, page scaffolding, and sharing configuration.

Core Features & Use Cases

  • SVG icon guidance: enforces 24x24 viewBox, color #667eea, stroke widths and naming conventions for src/static/icons.
  • Registry & routing: templates and exact edits to add entries in src/types/tool.ts and src/pages.json and keep ToolCard and homepage mappings in sync.
  • i18n and styling: instructions to add zh/en translations, SCSS gradient variables, and dark-mode compatible page structure.
  • Page scaffolding & sharing: provides a page template with nav-bar usage, settingsStore theme handling, share-canvas and onShareAppMessage/onShareTimeline integration for share images and result sharing.
  • Validation checklist: final verification steps to ensure all required files, mappings, and share configurations are present.

Quick Start

Create a new calc tool named Unit Converter with id unit-converter, add its SVG icon named ruler, and generate all registry, i18n, style, page template, and sharing configuration for EH Tools.

Frequently Asked Questions about create-tool

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

FAQPage Schema
How do I scaffold a new tool page in a uni-app project?

Scaffolding a new tool page in a uni-app project involves generating a template with nav-bar, dark-mode support, and share-canvas. This process also configures onShareAppMessage and onShareTimeline hooks for sharing results.

What is the standard SVG icon configuration for EH Tools?

The standard SVG icon configuration for EH Tools requires a 24x24 viewBox and a color of #667eea. This ensures consistent icon rendering, stroke widths, and naming conventions across the src/static/icons directory.

How do I add zh and en i18n entries when creating a new feature?

Adding zh and en i18n entries when creating a new feature requires appending localized translations to the project's language files. This ensures the newly scaffolded tool page supports multilingual text display correctly.

Does creating a new uni-app tool require updating pages.json and TOOLS registry?

Creating a new uni-app tool does require updating pages.json and the TOOLS registry in src/types/tool.ts. This step keeps the routing configuration and ToolCard mappings synchronized with the new feature page.

Can I add SCSS gradient variables and dark-mode styles automatically?

You can add SCSS gradient variables and dark-mode compatible page structures automatically during tool creation. This ensures the new tool adheres to the application's global theme handling and settingsStore configurations.

What is the best way to register a new calc tool in a Vue uni-app application?

The best way to register a new calc tool in a Vue uni-app application is to use an automated checklist that scaffolds the page, updates registry files, and configures sharing. This eliminates manual errors across time, calc, text, image, and life categories.