hoangsonww

New Page — Development skill for Claude Code

Development community

Scaffold a complete new dashboard page for the WealthWise web app following all project conventions.

How to install New Page

Installs to ~/.claude/skills/hoangsonww-wealthwise-finance-tracker-new-page/SKILL.md

Terminal

mkdir -p ~/.claude/skills/hoangsonww-wealthwise-finance-tracker-new-page && curl -fsSL https://raw.githubusercontent.com/hoangsonww/WealthWise-Finance-Tracker/HEAD/.claude/skills/new-page.md -o ~/.claude/skills/hoangsonww-wealthwise-finance-tracker-new-page/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What New Page does

Scaffold a complete new dashboard page for the WealthWise web app following all project conventions.

The page/feature name is: $ARGUMENTS

What to create

Follow the exact pattern from CLAUDE.md — create all four layers:

1. Shared types (if entity doesn't exist yet)

Check `packages/shared-types/src/schemas/` first. If no schema exists, note that one is needed and reference the `/api-endpoint` skill.

2. TanStack Query hooks (`apps/web/src/hooks/use-.ts`)

Create the full stan

Alternatives in Development

Claude Code Viewer — A full-featured web-based Claude Code client that provides complete interactive functionality for managing Cla 984 ★
Claude Balancer — A load balancer proxy for multiple Claude OAuth accounts with automatic failover, request tracking, and web da 910 ★
Web Developer Portfolio — Page builder: Elementor 648 ★