Build Product — Development skill for Claude Code
Constrói um app/dashboard de produção (Next.js + shadcn + Recharts + TanStack, dark mode, acessível).
How to install Build Product
Installs to ~/.claude/commands/gutomec-agents-guru-build-product.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/gutomec/agents-guru/HEAD/.claude/commands/build-product.md -o ~/.claude/commands/gutomec-agents-guru-build-product.md Restart Claude Code, or start a new session, for it to be picked up.
What Build Product does
description: Constrói um app/dashboard de produção (Next.js + shadcn + Recharts + TanStack, dark mode, acessível). argument-hint: [--tokens ] allowed-tools: Bash, Read, Write, Edit, Glob, Agent
Construa um produto (app/dashboard) para: $ARGUMENTS
Modo fixado: product (Next.js/shadcn).
Passos:
- Separe o brief do flag opcional
--tokens. Se não houver--tokens, o padrão do projeto édesign-systems/default/design-tokens.json(a marca Grap
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- HTML Report — /html-report - Generate Application Tracker Dashboard 36.6k ★
- Triage PRs — Classify all open PRs by module, review state, scope, and architectural impact — produces a prioritized triage 12.6k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
03 Add Product Images
I am providing my own product images and a listings CSV for my VELOUR fashion eCommerce site (Next.js + TypeSc
Nextjs Clean Skills
Claude Code skills for React + Next.js with hybrid Clean Architecture and TanStack Query
Auxi Rn Patterns
React Native + TanStack Query patterns specific to the Auxi mobile app. Use when adding screens, services, or
Marp Slides
MARP presentation skill for Claude Code — 22 curated example decks, SVG charts, dark/light themes, dashboard c
15
Build a Next.js 14 portfolio landing page with a full-screen hero section and an animated loading screen. The
Color Specialist
Use when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inve
Related Agents
Frontend Forge
Constrói o frontend ou dashboard em código, nos modos experience (single-file HTML imersivo) ou product (Next.
PWA Eng
Use for the schema, repository, hook, screen, and join layers of every domain module. Specializes in the pwa-a
Front End Eng
Use for the hook and screen layers once Phase A has closed for the module in scope. Specializes in the Hedgeho