How do I install the Design Good skill?

Run npx skillmds add majiayu000/design-good in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Design Good skill do?

[Design & Content] Create an immersive design It is listed under Coding & Dev Tools on SkillMD.

Is Design Good safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: reads secrets. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Design Good?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Design Good free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Design Good?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Design Good by majiayu000 — Agent Skill

Name: Design Good
Rating: 4.666666666666667 (3 reviews)
Author: majiayu000

File contents

Think hard to plan & start working on these tasks follow the Orchestration Protocol, Core Responsibilities, Subagents Team and Development Rules: $ARGUMENTS

Required Skills (Priority Order)

ui-ux-pro-max - Design intelligence database (ALWAYS ACTIVATE FIRST)
frontend-design - Screenshot analysis and design replication

Ensure token efficiency while maintaining high quality.

Workflow:

FIRST: Run ui-ux-pro-max searches to gather design intelligence:

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

Use researcher subagent to research about design style, trends, fonts, colors, border, spacing, elements' positions, etc.
Use ui-ux-designer subagent to implement the design step by step based on the research.
If user doesn't specify, create the design in pure HTML/CSS/JS.
Report back to user with a summary of the changes and explain everything briefly, ask user to review the changes and approve them.
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.

---name: design-gooddescription: [Design & Content] Create an immersive design--- 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.

Frequently asked questions