القائمة
Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming. Use when the user wants to make their design more striking or memorable.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Adapt existing designs to work effectively across different contexts - different screen sizes, devices, platforms, or use cases. Use when the user needs responsive adaptation or cross-platform design changes.
Analyze a feature and strategically add animations and micro-interactions that enhance understanding, provide feedback, and create delight. Use when the user wants to add motion or animation to their interface.
Run systematic quality checks and generate a comprehensive audit report with prioritized issues and actionable recommendations. Use when the user wants to assess design or code quality.
Identify and improve unclear, confusing, or poorly written interface text to make the product easier to understand and use. Use when the user wants to improve UX copy or microcopy.
Strategically introduce color to designs that are too monochromatic, gray, or lacking in visual warmth and personality. Use when the user wants to add or improve color in their interface.
Conduct a holistic design critique, evaluating whether the interface actually works as a designed experience. Use when the user wants design feedback or a design review.
| name | bolder |
| description | Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming. Use when the user wants to make their design more striking or memorable. |
Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.
You cannot do a great job without having necessary context, such as target audience (critical), desired use-cases (critical), brand personality/tone, and everything else that a great human designer would need as well.
Attempt to gather these from the current thread or codebase.
Do NOT proceed until you have answers. Guessing leads to generic AI slop.
Use the frontend-design skill for design principles and anti-patterns. Do NOT proceed until it has executed and you know all DO's and DON'Ts.
Analyze what makes the design feel too safe or boring:
Identify weakness sources:
Understand the context:
If any of these are unclear from the codebase, ask the user directly to clarify what you cannot infer.
CRITICAL: "Bolder" doesn't mean chaotic or garish. It means distinctive, memorable, and confident. Think intentional drama, not random chaos.
WARNING - AI SLOP TRAP: When making things "bolder," AI defaults to the same tired tricks: cyan/purple gradients, glassmorphism, neon accents on dark backgrounds, gradient text on metrics. These are the OPPOSITE of bold—they're generic. Review ALL the DON'T guidelines in the frontend-design skill before proceeding. Bold means distinctive, not "more effects."
Create a strategy to increase impact while maintaining coherence:
IMPORTANT: Bold design must still be usable. Impact without function is just decoration.
Systematically increase impact across these dimensions:
NEVER:
Ensure amplification maintains usability and coherence:
The test: If you showed this to someone and said "AI made this bolder," would they believe you immediately? If yes, you've failed. Bold means distinctive, not "more AI effects."
Remember: Bold design is confident design. It takes risks, makes statements, and creates memorable experiences. But bold without strategy is just loud. Be intentional, be dramatic, be unforgettable.
