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
- Metrics Dashboard — Define product metrics dashboard with sources and alert thresholds 7.8k ★
- Portaljs Add Chart — Add a chart (line, bar, area, pie, or scatter) to a dataset's showcase in a PortalJS portal 2.3k ★
- Marp Slides — MARP presentation skill for Claude Code — 22 curated example decks, SVG charts, dark/light themes, dashboard c 296 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Palette From Brand
Generate a full color palette (ramps + semantic aliases + dark mode + contrast matrix) from a brand input (hex
Claude Code Tint Mod
Claude Code mod (CC tint mod): color each window by its repository, ring the window you are in, number your th
Nextjs Clean Skills
Claude Code skills for React + Next.js with hybrid Clean Architecture and TanStack Query
03 Add Product Images
I am providing my own product images and a listings CSV for my VELOUR fashion eCommerce site (Next.js + TypeSc
Auxi Rn Patterns
React Native + TanStack Query patterns specific to the Auxi mobile app. Use when adding screens, services, or
DarkFactory
Reusable "dark factory" prompt for agentic coding harnesses (Claude Code, Codex, Pi): from a vision.md to a te
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