skills.rest
Adrienenjalbert
AdrienenjalbertCOMMUNITY
Explore all skills by this author →
GitHub

tool-page-builder

Scaffold Career Hub tool pages and synchronize registry metadata.

Updated Aug 27, 2026
Search Tags:#automation#frontend#routing#code-generation#tool-registry#tool-page
One-click install
npx skills add https://github.com/Adrienenjalbert/flex-carrer-hub --skill tool-page-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tool-page-builder
Source: https://github.com/Adrienenjalbert/flex-carrer-hub/tree/main/.agents/skills/tool-page-builder
Command: npx skills add https://github.com/Adrienenjalbert/flex-carrer-hub --skill tool-page-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the scaffolding and metadata wiring for Career Hub tool pages and tool registry entries.

Core Features & Use Cases

  • Scaffold thin route files under src/app/career-hub/tools/<tool>/page.tsx
  • Generate and wire ToolPageShell-based metadata, registry entries, and FAQ templates
  • Create interactive client and logic components in src/features/tools/<tool>/ and ensure registry alignment

Quick Start

Run the generator to scaffold a new tool page and update registry data.

Frequently Asked Questions about tool-page-builder

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

FAQPage Schema
How do I scaffold a new tool page and wire it into the registry automatically?▼

To scaffold a tool page automatically, run the generator to create thin route files under src/app/career-hub/tools/<tool>/page.tsx and synchronize the new entry with your tool registry data structures.

What is the best way to generate ToolPageShell metadata for a new tool?▼

Generating ToolPageShell metadata is best handled by automating the scaffolding of layout components, registry entries, and FAQ templates to ensure strict alignment with project route patterns.

How do I structure client logic and components for a frontend tool page?▼

Structure client logic and components by placing interactive files in src/features/tools/<tool>/ and wiring them directly to the ToolPageShell layout and registry data structures.

Can I update an existing tool page and align its metadata with the tool registry?▼

Yes, you can update existing tool pages by regenerating the route.tsx files, client logic, and registry data structures to enforce alignment with the current ToolPageShell metadata.

Do I need to manually configure route patterns when adding a tool page?▼

No, you do not need to manually configure route patterns because the automation enforces the project's existing route patterns and generates the required route.tsx files automatically.

What happens if my tool page metadata falls out of sync with the tool registry?▼

When metadata falls out of sync, running the generator updates the registry data structures and ToolPageShell metadata to restore alignment and prevent routing inconsistencies.

Related Skills

Explore More Software Engineering Skills→
julianobarbosajulianobarbosa
7

python-project

Scaffold Python projects with uv, ruff, mypy, pytest, and Flask templates.

Community
Intermediate
muhammadwaheedairimuhammadwaheedairi

nextjs-devtools

Inspects and debugs Next.js apps via an MCP server for routes, components, and build information.

Community
Intermediate
mgd34msumgd34msu
4

storybook

Develop, document, and test UI components in isolation with Storybook.

Community
Intermediate
vm-wylburvm-wylbur
1

refresh

Reload behavioral guidelines and audit recent actions for compliance.

Community
Basic