skills.rest
ferryhinardi
ferryhinardiCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

new-tool-development

Standardize new tool creation workflows in SuperTool from metadata to documentation.

2|Updated Oct 24, 2025
Search Tags:#testing#documentation#onboarding#Next.js#tool development#SuperTool#Panda CSS
One-click install
npx skills add https://github.com/ferryhinardi/supertool --skill new-tool-development
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: new-tool-development
Source: https://github.com/ferryhinardi/supertool/tree/main/.github/skills/new-tool-development
Command: npx skills add https://github.com/ferryhinardi/supertool --skill new-tool-development

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a standardized, repeatable guide for adding new tools to SuperTool, ensuring consistency across pages, tests, and documentation.

Core Features & Use Cases

  • Establishes a clear workflow from metadata updates in lib/tools.ts to scaffolding UI, setting up tests, and writing documentation for new tools.
  • Enables teams to onboard new tool standards quickly, reducing integration time for product updates and ensuring maintainability.

Quick Start

To add a new tool, follow the steps in this guide: draft the tool's metadata entry, scaffold its page and tests, implement the UI, and document usage.

Frequently Asked Questions about new-tool-development

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

FAQPage Schema
How do I add a new tool to a Next.js application?▼

Adding a new tool requires defining metadata in lib/tools.ts, scaffolding the UI, implementing Panda CSS styling, setting up tests, and writing documentation to ensure project architecture compliance and onboarding consistency.

What steps are needed to standardize tool creation across a development team?▼

Standardizing tool creation involves applying a repeatable workflow from metadata definition to UI scaffolding, testing, and documentation, ensuring compliance with project architecture, Panda CSS styling, and high test coverage.

Does tool scaffolding in SuperTool work with Panda CSS?▼

Yes, tool scaffolding in SuperTool works with Panda CSS by enforcing it as the standard for styling, ensuring newly added tools maintain visual and architectural consistency across the application.

Why do I need to update lib/tools.ts when developing a new tool?▼

Updating lib/tools.ts is required to define the new tool's metadata, which acts as the starting point for the creation workflow and ensures the tool is properly registered within the SuperTool architecture.

What is the required test coverage when adding new tools?▼

Adding new tools requires high test coverage, enforced by the standardized creation workflow to ensure maintainability and reliability across newly integrated product updates.

Related Skills

Explore More Software Engineering Skills→
AgentientAgentient
2

adk-fundamentals

Scaffold ADK agent projects with uv and Vertex AI configuration.

Official
Intermediate
ferryhinardiferryhinardi
2

panda-css-styling

Styles SuperTool tool pages using Panda CSS with glassy, responsive design tokens.

Community
Basic
goddard-aigoddard-ai

panda-css

Inspect Panda CSS configurations and run CLI workflows to debug static extraction.

Official
Intermediate
xurenluxurenlu
1

competitor-alternatives

Generate competitor comparison and alternative pages for SEO and sales enablement.

Community
Intermediate