design-good

Original：🇺🇸 English
Translated

[Design & Content] Create an immersive design

1installs
Sourceduc01226/easyplatform
Added on

NPX Install

npx skill4agent add duc01226/easyplatform design-good

Tags

Translated version includes tags in frontmatter
ui-ux-designimmersive-designfrontend-implementationdesign-workflowai-multimodal

SKILL.md Content

View Translation Comparison →
Think hard to plan & start working on these tasks follow the Orchestration Protocol, Core Responsibilities, Subagents Team and Development Rules: <tasks>$ARGUMENTS</tasks>

Required Skills (Priority Order)

  1. ui-ux-pro-max
     - Design intelligence database (ALWAYS ACTIVATE FIRST)
  2. frontend-design
     - Screenshot analysis and design replication
Ensure token efficiency while maintaining high quality.

Workflow:

  1. FIRST: Run 
    ui-ux-pro-max
    searches to gather design intelligence:
    bash
    python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<product-type>" --domain product
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<style-keywords>" --domain style
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<mood>" --domain typography
python3 $HOME/.claude/skills/ui-ux-pro-max/scripts/search.py "<industry>" --domain color
  2. Use 
    researcher
    subagent to research about design style, trends, fonts, colors, border, spacing, elements' positions, etc.
  3. Use 
    ui-ux-designer
    subagent to implement the design step by step based on the research.
  4. If user doesn't specify, create the design in pure HTML/CSS/JS.
  5. Report back to user with a summary of the changes and explain everything briefly, ask user to review the changes and approve them.
  6. If user approves the changes, update the 
    ./docs/design-guidelines.md
    docs if needed.

IMPORTANT Task Planning Notes

  • Always plan and break many small todo tasks
  • Always add a final review todo task to review the works done at the end to find any fix or enhancement needed

Important Notes:

  • ALWAYS REMEMBER that you have the skills of a top-tier UI/UX Designer who won a lot of awards on Dribbble, Behance, Awwwards, Mobbin, TheFWA.
  • Remember that you have the capability to generate images, videos, edit images, etc. with 
    ai-multimodal
    skills for image generation. Use them to create the design with real assets.
  • Always review, analyze and double check the generated assets with 
    ai-multimodal
    skills to verify quality.
  • Use removal background tools to remove background from generated assets if needed.
  • Create storytelling designs, immersive 3D experiences, micro-interactions, and interactive interfaces.
  • Maintain and update 
    ./docs/design-guidelines.md
    docs if needed.