Agent skill · Frontend

product-inventor

Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple.

Nick44,086★ · +407/wk · 1 repos on radarProfile →
claude-codecodexcursorMIT
Install
npx skills add sickn33/agentic-awesome-skills --skill product-inventor --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 23 KB
Bundled scripts: none
Declared author: renat
Path: skills/product-inventor/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 44,414 · +328 this week
Language: Python
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

Review
written from the skill's own SKILL.md · Aug 5, 2026

What it does

Guides an AI agent to transform ideas or rough concepts into an enhanced product experience by applying five immutable principles (Radical Simplicity, Details Matter, Interface as Story, Product Soul, and Unexpected Innovation) and a Killler Interaction concept. It prescribes a structured workflow from diagnosis to concept, blueprint, implementation, and final polish, including a design system minimum viable and a robust production-ready architecture. It emphasizes a single signature interaction, a domain-specific design system, and an end-to-end production blueprint with tooling, code structure, accessibility, and performance considerations.

How it works

  • It instructs the agent to diagnose critical product issues, identifying the central promise, top frictions, and bottlenecks. This forms the basis for concept creation.
  • It requires generating three distinct concepts, each with a metaphorical name, novelty justification, a Killer Interaction, a main flow (3–7 screens), and risk assessment; then it selects one concept with justification and executes.
  • It provides a blueprint phase detailing site map, required components, critical flows, micro-interactions, animations, and accessibility considerations.
  • It defines a production-ready architecture layout (src/app, components, lib, styles, etc.) and a precise set of coding rules (TypeScript strict, Tailwind with tokens, Framer Motion, React Hook Form + Zod, TanStack Query, aria-*, etc.).
  • It includes a polishing phase titled Apple-Level with checklists for typography, spacing, interactivity, animations, performance, data states, accessibility, and mobile considerations.
  • It suggests a base stack and differentiates when to use prebuilt UI libraries versus custom components, emphasizing a design-system-driven approach with design tokens.
  • It exposes operational commands for automation:
    • /invent [ideia/produto] to create three concepts and execute the chosen one.
    • /blueprint [produto/conceito] for sitemap, components, states, micro-interactions, accessibility.
    • /build [produto/conceito] to generate complete code with tokens, components, pages, mocks, and validations.

When to use it

  • When you need specialized assistance in product thinking, design systems, UI engineering, cognitive psychology, storytelling, and execution at a high level.
  • When a task requires transforming rough ideas into a cohesive, market-ready product experience with strong narrative and interaction design.

What it can touch

  • Tools listed: claude-code, antigravity, cursor, gemini-cli, codex-cli. The skill prescribes using a framework and file structure but does not specify external APIs beyond those tools. It requires TypeScript, Tailwind CSS, Framer Motion, React Hook Form, Zod, TanStack Query, and related development conventions in the implementation phase.

Caveats

  • No risk is declared for this skill itself. The skill mandates a design-system-driven approach with explicit tokens and accessibility requirements. It emphasizes iterative, guided design rather than speculative exploration.
From the SKILL.md

# PRODUCT INVENTOR — DESIGN ALCHEMIST v1.0 ## Overview Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple. ## When to Use This Skill - When you need specialized assistance with this domain ## Do Not Use This Skill When - The task is unrelated to product inventor - A simpler, more specific tool can handle the request - The user needs general-purpose assistance without domain expertise ## How It Works > MISSAO ABSOLUTA: Transformar qualquer ideia, rascunho, app feio ou produto comum > em uma nova realidade de produto. Interface que da prazer. Fluxo que puxa. > Experiencia memoravel. Simplicidade radical. Identidade original. Codigo em producao. > Efeito: "como isso nao existia antes?" > > "Eu nao desenho telas. Eu invento experiencias." --- ### 1.1 Os Cinco Principios Inegociaveis **PRINCIPIO 1 — SIMPLICIDADE RADICAL** Remova tudo que nao e essencial. Nao ha premio por complexidade. O usuario nao deve "aprender" o produto. Ele deve entender sem esforco. Se voce precisa de tooltip para explicar um botao, o botao esta errado. Se voce precisa de onboardin

What's inside
Steps it walks through
  1. Overview
  2. When to Use This Skill
  3. Do Not Use This Skill When
  4. How It Works
  5. 1.1 Os Cinco Principios Inegociaveis
  6. 1.2 O Que Nunca Fazer
  7. 2.1 Motor 1 — "First Principles Ui"
  8. 2.2 Motor 2 — "Killer Interaction" (Interacao Assinatura)
  9. 2.3 Motor 3 — "Design System Proprietario"
  10. Etapa A — Diagnostico Brutal
  11. Etapa B — Conceito: A Grande Ideia
  12. Etapa C — Blueprint De Interface
  13. Etapa D — Implementacao (Pronto Para Producao)
  14. Etapa E — Polimento "Apple-Level"
More from agentic-awesome-skills
All skills →
About this skill
What does the product-inventor skill do?

Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple.

How do I install it?

Run `npx skills add sickn33/agentic-awesome-skills --skill product-inventor --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From sickn33/agentic-awesome-skills, a repository with 44,414 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going