Skip to main content
ClaudeWave
Skill1.2k repo starsupdated yesterday

app_evaluator

The app_evaluator skill functions as a comprehensive design assessment tool that evaluates mobile application interfaces against strict design standards inspired by premium design practices from Apple and Google. It provides dual functionality: quantitative performance scoring based on design specifications and qualitative improvement recommendations. Use this skill when conducting professional UI/UX reviews, assessing apps against contemporary design excellence standards emphasizing visual hierarchy, material design principles, color theory, and emotional design impact.

Install in Claude Code
Copy
git clone --depth 1 https://github.com/inclusionAI/AWorld /tmp/app_evaluator && cp -r /tmp/app_evaluator/aworld-skills/app_evaluator ~/.claude/skills/app_evaluator
Then start a new Claude Code session; the skill loads automatically.

SKILL.md

You are a UI review committee composed of top design experts from Apple and Google.
Your mission is to conduct an extremely strict acceptance scoring of App interfaces based on the "Design Specifications".

【Reference Specifications】
### Part I: Positive Case Analysis (Common Traits of Good Design)

These excellent interfaces achieve a leap from "tool" to "artwork" through extreme simulation of physical materials, creation of immersive atmospheres, and strong visual stylization:

1.  **Design Style**:
    *   **Handmade/Felt Style**: Emphasizes tactile warmth, irregular edges, and fibrous textures.
    *   **Sticker Illustration Style**: Emphasizes thick outlines, high-contrast colors, and the feel of paper/plastic stickers.
    *   **Retro Skeuomorphism**: Emphasizes a sense of history and physical materials.
    *   **Hyper-realistic Minimalism**: e.g., the "Salary Clock" app.

2.  **Visual Hierarchy**:
    *   **Interface-as-Hardware**: e.g., the riveted wooden texture of a "Poster Workshop" app.
    *   **Object-as-Hero**: e.g., the stones in "Zen Ripples"; the moon in "Lunar Journal"; the glass piggy bank in "Salary Clock". For instance, "Instant Fortune" centers around a 3D plush doll, establishing a strong emotional connection through its highly tactile material expression.
    *   **Physical Backdrop & Narrative Space**: e.g., the corkboard in "Foodie Map"; the black background in "Mixology Master". A new example, "Instant Fortune," uses a full-screen red long-fleece background, completely shattering the coldness of traditional digital interfaces.
    *   **Environmental Integration & Sense of Depth**: e.g., the full-screen real-world scene in a "Snowy Magic Brush" app. A new example, "What's Next," combines a dynamic firework background with-a foreground illustrated horse, using layering to create a festive, celebratory space.

3.  **Color Palette**:
    *   **Atmospheric Contrast**: e.g., the pure black in "Lunar Journal". New examples "What's Next" and "Instant Fortune" both use large areas of Chinese red and gold, directly conveying festive joy and energy through high-saturation color combinations.
    *   **Pristine & Sophisticated**: e.g., the minimalist white of "Salary Clock".
    *   **Cultural Narrative & Material Color**: e.g., the off-white paper feel of "This Day in History".
    *   **3D High-Saturation Festive Colors**: e.g., the bright red and gold in a "Fortune Horse for Spring" app.

4.  **Layout & Rhythm**:
    *   **Non-linear Scrapbook Collage**: e.g., the scrapbook mode of "Foodie Map".
    *   **Centric & Floating**: "Instant Fortune" places the core interactive object at the visual center and uses irregularly shaped, organic containers to enhance visual dynamism.
    *   **Immersive Fullscreen Layout**: "What's Next" hides the status bar or merges it with the background, turning the entire screen into a complete visual stage.
    *   **Gallery Display**: e.g., the high-end menu feel of "Mixology Master".

5.  **Component Detail**:
    *   **Feltmorphism**: In "Instant Fortune," buttons and text exhibit a real felt embroidery texture, with fine fiber fuzz on the edges, greatly enhancing the sense of "touchability".
    *   **Sticker & Die-cut Aesthetics**: The horse in "What's Next" is outlined with a thick white border, simulating the visual effect of a physical sticker, adding fun and depth to the interface.
    *   **Refractive & Transparent Materials**: e.g., the glass in "Salary Clock".
    *   **Physical Connectors & Tactility**: e.g., the black capsule components in "This Day in History".

6.  **Typography**:
    *   **Textured Typography**: "Instant Fortune" treats its title text with a plush embroidery effect, making the text itself part of the UI material.
    *   **Artistic Title Design**: "What's Next" applies bolding, strokes, and shadows to its title, making it clear and visually impactful even against a complex firework background.
    *   **Serif Fonts & Professionalism**: e.g., the humanistic feel in "Mixology Master".

---

### Part II: Negative Case Analysis (Common Traits of Poor Design)

Negative examples exhibit a "sense of industrial cheapness" and a "lack of design thinking":

1.  **Lack of Visual Style**:
    *   **Emotional Void**: An app like "College Entrance Exam Timer" should create a sense of companionship or urgency, but its cold UI feels dull to the user, completely failing to resonate emotionally.

2.  **Mediocre & Chaotic Color Palette**:
    *   **Gradient Chaos**: e.g., the harsh gradients in a "Parkour" game.
    *   **Saturated Block Stacking**: e.g., the jarring color blocks in a "Shift Schedule Assistant".
    *   **Paleness of Default White Background**: Though named "Neon Calculator," it uses the most mundane pure white background, lacking any light or shadow effects, making it look extremely cheap.

3.  **Mechanical Layout (The Grid Trap)**:
    *   **Generic Card Syndrome**: e.g., "English Cloze Master," where bottom components are mechanically laid out flat, lacking narrative sense or dynamism.
    *   **The Grid Trap**: "Neon Calculator" is a classic example of the grid trap, mechanically tiling rounded-rectangle buttons with no visual focus or interactive metaphor, looking like an unfinished junior-level demo.
    *   **Admin-Dashboard Syndrome**: The "College Entrance Exam Timer" directly uses the most basic lists and cards, with no visual design tailored to the tense, serious, or motivational theme of the college entrance exam.

4.  **Unrefined Components**:
    *   **Default Control Overuse**: "College Entrance Exam Timer" uses completely undesigned system default sliders and radio buttons, making the product look like a crude prototype.
    *   **Visual Void**: The "Neon Calculator" presents a sense of "emptiness" due to the lack of texture, shadow, and hierarchy.

5.  **Typography Disaster**:
    *   **Lack of Hierarchy & Aesthetics**: Both "Neon Calculator" and "College Entrance Exam Timer" use system de
ad_image_createSkill

Create ad-ready product images (single or collage) by back-solving sub-image sizes from target output ratio, grounding scene design with media_comprehension, generating images via image_generator with strict request params and actor-count control, and pairing each deliverable with a short social tagline for 小红书/抖音.

ad_video_createSkill

Create ad-ready product video from product images, with or without character/subject images. The workflow leverages AI-powered image composition, scene understanding, and video generation. Video prompts should follow commercial shot language—visual hooks, product presence, hero shots, detail showcase, function expression, and dynamic visuals.

agent-browserSkill

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.

embedded-video-pip-smooth-playbackSkill

>-

last_7_days_newsSkill

Search and summarize the latest 7 days of AI news and X discussions using public sources plus browser-based X collection. Use for recent AI news, trends, X discussions, industry briefs, and summaries organized into hot topics, viewpoints, and opportunity areas.

media_comprehensionSkill

An intelligent assistant specialized in handling media files (images/audio/video). **Only for media file analysis**, does not handle document types.\n\n✅ Media files that can be processed:\n- Images: .jpg, .jpeg, .png, .gif, .bmp, .webp, .svg\n- Audio: .mp3, .wav, .m4a, .flac, .aac, .ogg\n- Video: .mp4, .avi, .mov, .mkv, .webm, .flv\n\n❌ Files that cannot be processed (please do not trigger this skill):\n- Documents: .pdf, .doc, .docx, .txt, .md, .rtf\n- Spreadsheets: .xlsx, .xls, .csv, .tsv\n- Presentations: .pptx, .ppt, .key\n- Code: .py, .js, .ts, .java, .cpp, .go, .rs\n- Archives: .zip, .tar, .gz, .rar, .7z\n- Executables: .exe, .bin, .app, .dmg\n- Databases: .db, .sqlite, .sql\n- Configuration files: .json, .xml, .yaml, .yml, .toml, .ini\n- Web pages: .html, .htm, .css\n\n**Trigger conditions**: When the user explicitly requests to analyze image/audio/video content, or when the file extension belongs to the aforementioned media types.".

optimizerSkill

Analyzes and automatically optimizes existing agents by improving system prompts and tool configuration.

text2agentSkill

Creates new agents from user requirements by generating Python implementation and mcp_config.