skills.rest
wztlink1013
wztlink1013COMMUNITY
Explore all skills by this author →
GitHub

new-page

Generate dashboard pages with client components, API routes, and navigation entries.

Updated Aug 27, 2026
Search Tags:#React#API integration#dashboard#client components#page creation
One-click install
npx skills add https://github.com/wztlink1013/goofish-tanstack --skill new-page-wztlink1013
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: new-page
Source: https://github.com/wztlink1013/goofish-tanstack/tree/main/.claude/skills/new-page
Command: npx skills add https://github.com/wztlink1013/goofish-tanstack --skill new-page-wztlink1013

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires tanstack/react-router, tanstack/query, tanstack/form, drizzle-orm, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of new dashboard pages, reducing the time and effort needed to develop new views and sections within a dashboard.

Core Features & Use Cases

  • Automated Page Creation: Generate new pages based on user specifications for routes, data sources, and interactivity.
  • API Integration: Facilitates the creation of API routes for server-side data fetching.
  • Component Generation: Automates the addition of necessary UI components and navigation entries.
  • Use Case: When a user requests a new page for a specific feature or section within a dashboard, this Skill can be used to create the necessary client-side components and server-side API routes.

Quick Start

Use the new-page skill to create a new dashboard page for project management with the name 'projects' and the description 'A comprehensive view of all projects and their statuses.'

Frequently Asked Questions about new-page

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

FAQPage Schema
How do I automate dashboard page creation with React client components and API integration?▼

Dashboard page creation with React client components and API integration is automated by generating the necessary code, routes, and navigation entries based on user input for page name and functionality.

Do I need TanStack Router and React Query to generate new dashboard pages?▼

Yes, TanStack Router and React Query are required dependencies for handling the client-side routing and data fetching logic in the generated dashboard pages.

How does Drizzle ORM work with server-side API routes for new React pages?▼

Drizzle ORM integrates with server-side API routes to handle database queries and server-side data fetching required by the newly created React dashboard components.

What's the best way to add navigation entries when building a new dashboard view?▼

Adding navigation entries for a new dashboard view is handled automatically during the page generation process, updating the necessary UI components alongside the route creation.

Can I use TanStack Form for client-side interactivity in generated dashboard pages?▼

Yes, TanStack Form is included as a dependency to handle client-side input and interactivity logic within the newly created dashboard pages and components.

Related Skills

Explore More Software Engineering Skills→
MadAppGangMadAppGang
278

tanstack-router

Configure type-safe file-based routes for React with TanStack Router.

Official
Intermediate
ejwhite7ejwhite7

beehiiv-react

Integrate the beehiiv API into Next.js applications for newsletter and subscriber management.

Community
Advanced
pedronauckpedronauck
567

tanstack

Provide TanStack patterns for data fetching, forms, and routing in React.

Community
Advanced
jangtrinhjangtrinh

nextjs

Plan and implement Next.js 15 App Router patterns for scalable UI apps.

Community
Intermediate