Create new tool page with configuration

Create new tool page with layout, FAQ, and configuration

Quickly adding a new client-side tool to the toolbox without manually wiring up layout, metadata, and FAQ sections

• · Tool requirements/specifications (name, description, input/output types, options)
• · Icon name from available set (type, hash, key, arrowUpDown, link, wifi, code, etc.)

• · Tool directory at /src/app/{slug}/
• · page.tsx component with input, output, and options UI
• · layout.tsx with metadata and FAQ integration
• · Updated /src/constants/tools.ts and /src/constants/faq.ts

• · Read (existing tool files for patterns)
• · Write (new page.tsx, layout.tsx, constants)
• · Bash (if creating new icons)

• · /src/app, /src/constants, /src/components directories exist
• · Existing tool implementations available as reference
• · Tool slug must be unique (not already in tools.ts)

• · Requirements parsing ambiguous or incomplete
• · Icon name not in available set and new icon creation fails
• · Tool slug conflicts with existing tool
• · Layout component fails to render with generated FAQ

• · Parses requirements to extract tool metadata automatically
• · Follows exact pattern from existing tools (text-trimmer) for consistency
• · Generates proper TypeScript types for inputs/outputs
• · Creates 3-4 FAQ items automatically
• · Updates all three config files (tools, faq, constants) consistently