Skill Details
Runtime
(gpt-5.6)
Example user message
[userMessage]: I want to create an original Dribbble portfolio project that demonstrates strong product-design thinking, not just beautiful UI. Create a complete concept for: an AI-powered home energy management product. I want the project to demonstrate: - mobile UX - dashboard design - data visualization - AI interaction design - accessibility - design-system thinking - motion opportunities. Please create: 1. project concept 2. simulated client request 3. audience 4. problem 5. methodology 6. research plan 7. JTBD 8. information architecture 9. key user flows 10. screen list 11. visual direction 12. design system 13. AI interaction logic 14. accessibility considerations 15. Dribbble shot plan 16. case-study narrative 17. designer response to the simulated client request. Do not invent real user research or performance results.
Example agent response
# Project Blueprint
## Project Name
LUMENGRID
## Project Type
AI-Powered Home Energy Intelligence Platform.
## Classification
SELF-INITIATED CONCEPT PROJECT.
This project must be presented publicly as:
CONCEPTUAL PRODUCT DESIGN WORK.
No real client relationship is implied.
---
# 1. Portfolio Objective
Demonstrate:
mobile product design
information architecture
data visualization
AI interaction design
design-system thinking
accessible interfaces
motion
and:
complex information simplification.
---
# 2. Project Hook
"Understand where your home's energy goes before the bill arrives."
LumenGrid transforms:
complex household energy data
into:
clear daily decisions.
---
# 3. Design Problem
Smart-home energy platforms often expose:
large volumes of data
without clearly answering:
What changed?
Why did it change?
What should I do about it?
The design challenge is therefore not merely:
displaying consumption.
It is:
turning consumption into understandable action.
---
# 4. Primary Audience
## Primary User
Homeowner or long-term renter using:
smart meter
solar system
smart appliances
or:
connected energy devices.
## User State
Moderate interest in:
saving money
reducing waste
or:
understanding consumption,
but:
not an energy expert.
## Secondary User
Advanced user who wants:
device-level analysis
solar production
battery status
and:
historical comparisons.
---
# 5. Simulated Client Request
SIMULATED CLIENT BRIEF
Project:
Design a mobile-first energy intelligence product that helps households understand, predict and reduce energy consumption without requiring technical expertise.
Primary goals:
- make energy data understandable
- highlight abnormal usage
- explain likely causes
- help users identify practical actions
- support solar and battery households
- provide AI-assisted interpretation
- maintain user control over recommendations.
Core functions:
- household overview
- real-time / recent consumption
- usage trends
- device categories
- cost estimate
- solar generation
- battery status
- alerts
- AI energy assistant
- recommendations
- monthly report.
Deliverables:
- product architecture
- primary flows
- wireframe direction
- mobile UI
- key tablet / desktop dashboard adaptation
- reusable design system
- interactive prototype
- accessibility notes
- motion concept
- portfolio presentation.
Constraints:
- must work for non-technical users
- must not imply that AI explanations are certain when evidence is incomplete
- cost estimates must be visually distinguished from finalized utility charges
- color cannot be the only means of communicating energy status.
Success criteria for the concept:
- core tasks are understandable
- primary information is prioritized
- data visualizations support decisions
- AI outputs communicate uncertainty
- interface demonstrates accessible states
- system can scale across multiple household configurations.
---
# 6. Known / Assumed / To Confirm
## Known
Product concept:
home energy intelligence.
Primary platform:
mobile.
Portfolio requirements:
data visualization, AI, accessibility, design system.
## Assumed for Concept
Smart-meter data is available.
Optional solar / battery integrations exist.
Users can view device categories.
## To Confirm in a Real Project
Utility integrations.
Meter refresh frequency.
Tariff rules.
Device detection reliability.
Solar / battery APIs.
Legal requirements.
Privacy model.
---
# 7. Methodology
Recommended:
DOUBLE DIAMOND
+
JOBS TO BE DONE
+
LEAN VALIDATION.
Why:
The product contains:
broad problem discovery
plus:
specific behavior / progress questions
and:
multiple high-risk assumptions.
---
# 8. Phase 1 - Discover
Research questions:
- What energy information do households actually understand?
- Which information currently causes confusion?
- What moments trigger people to inspect energy usage?
- What decisions can users realistically make?
- How do solar households differ?
- What type of alert feels useful rather than alarming?
- When would AI explanation be trusted?
Because this is a concept project:
do not claim:
interviews occurred.
Create:
RESEARCH PLAN.
---
# 9. Research Plan
## Method A - User Interviews
Hypothetical participant profiles:
homeowners with standard utility account
solar homeowners
renters with smart meters
budget-conscious households.
Research focus:
mental models
billing anxiety
energy vocabulary
alert tolerance
trust in recommendations.
## Method B - Competitive Review
Compare:
utility apps
smart-home dashboards
solar apps
energy-monitoring devices.
Evaluate:
overview
visualization
recommendations
alerts
trust
data density.
## Method C - Concept Testing
Test:
overview hierarchy
AI explanation
recommendation cards
abnormal-usage alert.
Status:
`UNVERIFIED_RESEARCH`
because:
research has not actually been conducted.
---
# 10. Jobs to Be Done
## Core Job
WHEN:
I notice my bill increasing or want to control household energy,
I WANT TO:
understand what is consuming energy and why,
SO I CAN:
make practical changes without becoming an energy expert.
## Secondary Job
WHEN:
my household consumption behaves unusually,
I WANT TO:
know whether something requires attention,
SO I CAN:
act before costs accumulate.
## Solar Household Job
WHEN:
my solar system is generating energy,
I WANT TO:
understand production, consumption and battery behavior together,
SO I CAN:
use more of my own generated energy efficiently.
---
# 11. Information Architecture
Primary navigation:
HOME
INSIGHTS
ASSISTANT
DEVICES
PROFILE.
## Home
Current status
Today's consumption
Estimated cost
Solar / battery
Important alert
Quick insight.
## Insights
Daily
Weekly
Monthly
Comparisons
Patterns
Recommendations.
## Assistant
Ask a question
Suggested questions
Explanation history
Recommendation follow-up.
## Devices
Categories
Individual device
Consumption
Status
History.
## Profile
Home configuration
Tariff
Integrations
Notifications
Accessibility
Privacy.
---
# 12. Core User Flow A - Understand Today's Usage
HOME
→ Today's Consumption
→ Category Breakdown
→ Select Category
→ View Trend
→ Receive Explanation
→ Optional Recommendation
→ Action / Save.
SUCCESS:
user understands:
what changed
and:
what can be done next.
---
# 13. Core User Flow B - Abnormal Usage Alert
ALERT
→ Summary
→ Explain Difference
→ Possible Causes
→ Confidence Indicator
→ Inspect Device / Category
→ Recommendation
→ Dismiss / Monitor / Create Reminder.
Error / uncertainty state:
"Cause cannot be confidently identified."
Do not present:
AI inference
as:
fact.
---
# 14. Core User Flow C - Ask the AI Assistant
ASSISTANT
→ Suggested Question / User Prompt
→ Processing State
→ Response
→ Source Context
→ Confidence / Limitation
→ Recommended Action
→ Save
→ Ask Follow-Up.
---
# 15. Core Screen Inventory
1. Onboarding
2. Home setup
3. Integration setup
4. Home overview
5. Today's energy
6. Cost estimate
7. Consumption timeline
8. Category breakdown
9. Device detail
10. Weekly comparison
11. Monthly report
12. Solar overview
13. Battery overview
14. Abnormal usage alert
15. Alert explanation
16. Recommendations
17. AI assistant home
18. AI conversation
19. AI uncertainty state
20. Saved insight
21. Notification settings
22. Accessibility settings
23. Privacy controls
24. Empty / disconnected integration state.
`COUNT_VERIFIED`
24 core screens.
---
# 16. Data Visualization Strategy
Use:
LINE CHART:
time-based consumption.
STACKED BAR:
category composition.
COMPARISON BAR:
today vs typical day.
AREA / DUAL SERIES:
solar generation vs home consumption.
STATUS CARD:
battery level.
Do not use:
pie charts
by default
when:
precise comparison matters.
---
# 17. Visual Direction
Design personality:
CALM
INTELLIGENT
TRUSTWORTHY
ENVIRONMENTALLY AWARE
NON-TECHNICAL.
Visual concept:
"Energy as a living flow."
Use:
soft dark neutrals
warm off-white surfaces
electric lime / yellow-green energy accent
cool blue solar accent
subtle gradients
rounded analytical cards
high-contrast data labels.
Avoid:
generic neon cyberpunk AI styling.
---
# 18. Typography
Primary:
clean modern sans serif.
Hierarchy:
Display:
large summary figure.
H1:
screen title.
H2:
section.
Body:
explanation.
Label:
metrics.
Numeric:
tabular numerals where useful.
---
# 19. Design System Foundations
COLOR
TYPOGRAPHY
SPACING
GRID
RADIUS
ELEVATION
DATA COLORS
MOTION
ICONOGRAPHY.
---
# 20. Core Components
Energy Summary Card
Trend Chart
Comparison Card
Alert Card
Recommendation Card
Device Row
Battery Widget
Solar Widget
AI Response Card
Confidence Indicator
Bottom Navigation
Filter Chips
Date Selector
Toast
Modal
Empty State.
---
# 21. States
Every interactive component should consider:
DEFAULT
PRESSED
FOCUS
DISABLED
LOADING
ERROR
EMPTY
SELECTED.
---
# 22. AI Interaction Logic
The AI assistant must distinguish:
OBSERVED DATA
INFERENCE
RECOMMENDATION.
Example:
Observed:
"Your 6-9 PM consumption was 31% higher than your recent evening baseline."
Inference:
"Heating may have contributed, but device-level confirmation is unavailable."
Recommendation:
"Review heating activity or connected thermostat data."
Do not fabricate:
certainty.
---
# 23. Accessibility
Ensure:
high text contrast
color-independent chart labeling
large touch targets
screen-reader chart summaries
visible focus states
reduced-motion option
clear error text
plain-language energy terminology.
---
# 24. Responsive Strategy
Mobile:
decision-first cards.
Tablet:
side-by-side insights.
Desktop:
multi-panel analytical dashboard.
Do not:
simply enlarge:
the mobile screen.
---
# 25. Motion Opportunities
## Energy Flow
Subtle directional animation showing:
GRID
SOLAR
BATTERY
HOME.
## Chart Transition
Animate:
time-period changes.
## Al
By purchasing this skill, you agree to our terms of service
GPT-5.6
Create extraordinary Dribbble project ideas, portfolio concepts, professional client briefs, design requests, methodologies, proposals, designer responses and complete case-study narratives across UI/UX, apps, SaaS, AI, fintech, ecommerce, branding, packaging, illustration, motion, 3D, editorial and more. This expert AI agent transforms rough ideas into strategic design projects with audiences, problems, scopes, research plans, user flows, deliverables, visual systems, shot plans, presentation c
...more
Added 1 hour ago
