Toolverse
All skills

design-prompt-generator-v2

by bear2u

Advanced 7-step hierarchical design prompt generator for AI web development tools (Lovable, Cursor, Bolt). Generates domain-aware, user-journey-based design prompts with emotional design considerations. Triggers on \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
bear2u
Category
UX / Design
Views
2

About this skill

Advanced 7-step hierarchical design prompt generator for AI web development tools (Lovable, Cursor, Bolt). Generates domain-aware, user-journey-based design prompts with emotional design considerations. Triggers on \

How to use

  1. Zainstaluj skill design-prompt-generator-v2 w swoim środowisku pracy (Lovable, Cursor lub Bolt).

  2. Wyzwól generator, pisząc zapytanie zawierające słowa kluczowe takie jak "design prompt", "web design", "Lovable prompt" lub opisując konkretny projekt (np. "Stwórz landing page dla aplikacji pet services").

  3. Generator przejdzie przez krok 1 (Domain Research) — przeanalizuje wzorce UX dla Twojej branży, zidentyfikuje konkurentów i kluczowe sygnały zaufania właściwe dla Twojej domeny.

  4. Na kroku 2 (User Journey) system zmapuje całą ścieżkę użytkownika od wejścia przez odkrycie, ocenę, decyzję, działanie aż do utrzymania relacji — wskaże punkty tarcia i rozwiązania designu.

  5. Kroki 3–7 wygenerują szczegóły: emocjonalne słowa kluczowe i koncepcje nastroju (krok 3), tożsamość marki i cele (krok 4), system designu z kolorami i typografią (krok 5), specyfikacje kluczowych komponentów (krok 6) oraz mikrointerakcje i animacje (krok 7).

  6. Skopiuj wygenerowany brief i wklej go do swojego AI web buildera — otrzymasz prompt gotowy do natychmiastowego użycia, zawierający wszystkie informacje potrzebne do precyzyjnego wygenerowania projektu.

Related skills

ui-ux-expert-skill

by fercracix33

Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStack Query. Includes 6-phase process with mandatory Style Guide compliance, Context7 best practices consultation, Chrome DevTools validation, and WCAG 2.1 AA accessibility

UX / Design
60158

latex-posters

by davila7

Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific

UX / Design
1662

figma-integration

by duongdev

Guides design-to-code workflow using Figma integration. Helps extract designs, analyze components, and generate implementation specs. Auto-activates when users mention Figma URLs, design implementation, component conversion, or design-to-code workflows. Works with

UX / Design
18121

motion-graphics

by rohitg00

Kinetic typography, logo animations, and stylized motion design skill.\n\n**Triggers when:**\n- User wants text animations or kinetic typography\n- Request involves logo reveals or title sequences\n- Content focuses on visual impact over education\n- User mentions \

UX / Design
2126

accessibility

by tech-leads-club

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to \

UX / Design
1647

scroll-experience

by davila7

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences. Makes websites feel like experiences, not

UX / Design
75117