Create distinctive, production-grade frontend interfaces in Trae with high design quality. Use when the user asks to build or polish web components, pages, dashboards, React/Vue/HTML/CSS UI, landing pages, posters, or Chinese requests such as 美化页面, 优化前端界面, 做一个网页, 设计组件, 调整样式, or 提升 UI 质感. Generates polished code and avoids generic AI aesthetics.
How to install frontend-design?
morningstar0709/trae-agent-enhancements/frontend-design
$npx -y skills add morningstar0709/trae-agent-enhancements --skill frontend-designInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Run `npx skills use "https://github.com/morningstar0709/trae-agent-enhancements" --skill "morningstar0709/trae-agent-enhancements/frontend-design"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/morningstar0709/trae-agent-enhancements" that are relevant to the current task. Run `npx skills add "https://github.com/morningstar0709/trae-agent-enhancements"` and select the relevant skills, then follow their instructions.
Related
6 picksType
- setup-matt-pocock-skillsConfigure this repo for the engineering skills — set up its issue tracker, triage label vocabulary, and domain doc layout.Jul 2026
- microsoft-foundryDeploy, evaluate, fine-tune, and manage Foundry agents end-to-end with azd: hosted agent scaffold/run/deploy, prompt agent create, batch eval, continuous eval,…Jul 2026
- azure-deployExecute Azure deployments for ALREADY-PREPARED applications that have existing .azure/deployment-plan.md and infrastructure files.Jul 2026
- azure-preparePrepare azd-based Azure projects for deployment: generates azure.yaml, infrastructure (Bicep/Terraform), and Dockerfiles for the Azure Developer CLI (azd)…Jul 2026
- azure-validatePre-deployment validation for Azure readiness. Run deep checks on configuration, infrastructure (Bicep or Terraform), RBAC role assignments, managed identity…Jul 2026
- azure-aigatewayConfigure Azure API Management as an AI Gateway for AI models, MCP tools, and agents.Jul 2026
