SuperAPI AI Directory

ai-design-taste-frontend

Frontend & websites

View repository

Updated 10-15 19:55

About this skill

ai-design-taste-frontend Frontend Aesthetic Diagnosis Assistant

Quick Start

More Skills

Overview

The frontend aesthetic diagnosis assistant is used to answer "Is this interface high-end?", for content production, copy optimization, and publishing preparation. It is suitable for content creators, marketers, operations staff, and content media to invoke after clarifying business goals, content materials, or analysis targets. It combines inputs such as visual brief or screenshot descriptions, pasted visual briefs, screenshot descriptions, brand guidelines, page issues, platform specifications, or modification... to organize key context and output visual/creative diagnoses, prompts or storyboard plans, and publishing specification checks, making it easy to continue execution, review, or delivery. Capability positioning supplement: skills.sh all-time/trending signals show that design-taste-frontend has user demand; the platform displays it as the design_media business assistant directory, outputting reviewable diagnoses, suggestions, or production preparation packages.

When to Use

Applicable Scenarios

  • The user asks questions such as "Is this interface high-end?" and needs to quickly break down goals, determine priorities, and form executable results
  • Content creators, marketers, operations staff, and content media need to generate visual/creative diagnoses, prompts or storyboard plans, and publishing specification checks around the frontend aesthetic diagnosis assistant
  • The user has already prepared the review target (explain the layout, readability, brand consistency, conversion goals, or delivery standards to be checked.), usage scenario (explain the platform, audience, device, campaign, or review scenario for which the visual material is intended.), page or material link (fill in publicly accessible pages, materials, design draft previews, or reference links; for restricted content, please upload instead.), and hopes to organize them into executable analysis or optimization results
  • The user needs to turn materials related to the frontend aesthetic diagnosis assistant into clear conclusions, priorities, and next-step actions

How to Invoke

Call the AI Skills API directly through the exported Python runner:

Command Examples

Basic Call

python3 scripts/run.py --params '{}'

Call with Common Parameters

python3 scripts/run.py --params '{"goal":"审查目标"}'

Parameter Description

Parameter Type Required Default Description
goal string No - Explain the layout, readability, brand consistency, conversion goals, or delivery standards to be checked
audience string No - Explain the platform, audience, device, campaign, or review scenario for which the visual material is intended
materialUrl string No - Fill in publicly accessible pages, materials, design draft previews, or reference links; for restricted content, please upload instead; a complete accessible URL is required
materialFile string No - Upload screenshots, images, presentation decks, brand guidelines, product images, or visual reference files
materialText string No - Paste the visual brief, screenshot descriptions, brand guidelines, page issues, platform specifications, or modification goals
brandRequirements string No - Supplement brand guidelines, size ratios, platform restrictions, non-changeable elements, accessibility requirements, or manual review priorities

See the complete machine-readable parameter structure at references/form-schema.json。

Parameter Value Reference

The current skill has no category parameters that require additional lookup.

Supported input formats

The current skill directly accepts JSON parameters; if the parameters contain a link field, please pass a complete, accessible URL.

Example request

The example parameters below can be passed directly to scripts/run.py, and the runner will send them to the AI Skills API.

python3 scripts/run.py --params '{"goal":"审查目标"}'

Equivalent --params JSON:

{
  "goal": "审查目标"
}

Example return result

{
  "success": true,
  "data": {
    "message": "示例结果请以技能真实返回结构为准。"
  },
  "meta": {
    "executionTime": 842,
    "cached": false
  }
}

Deliverables

  • Visual/creative diagnosis, prompts or storyboard plans, publishing specification checks: organize core results around user goals that can be directly read, reviewed, or delivered.
  • Interpretation of input materials: combined with the review goal (explain the layout, readability, brand consistency, conversion goal, or delivery standard to be checked.), usage scenario (explain the platform, audience, device, campaign, or review scenario the visual materials are intended for.), page or material link (fill in a publicly accessible page, material, design draft preview, or reference link; for restricted content, please upload instead.) extract key context and judgment basis.
  • Next steps: give priorities, execution suggestions, or a content framework that can continue to be processed.

Suggestions for using the results

  • First determine whether the output answers the user's core question about the "Frontend Aesthetic Diagnosis Assistant".
  • Then check whether the results cover visual/creative diagnosis, prompts or storyboard plans, publishing specification checks, and whether clear next steps are given.
  • If the input materials are insufficient, it is recommended to have the user supplement the goals, audience, constraints, or original materials before running.

Preparation before running

  • AISKILLS_BASE_URL: default https://ai-skills.ai
  • AISKILLS_API_KEY: required, used for authenticated calls
  • AISKILLS_TENANT_ID: default default