一键导入
frontend-design
Build distinctive, production-grade web UI with strong visual design. Use for landing pages, dashboards, components, or styling web interfaces.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Build distinctive, production-grade web UI with strong visual design. Use for landing pages, dashboards, components, or styling web interfaces.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Turn CHANGELOG, git history, and incident dialogue into team rules under .cursorGrowth/team-experience (LLM-only, no parsing). Use for 沉淀规则, 团队经验, 从 changelog 学习, 反复出现的 bug.
Discover and route to project skills under .cursor/skills. Use when matching tasks to skills or listing available skills.
Create algorithmic art and interactive p5.js visualizations. Use when generating generative art, creative coding, or visual experiments.
Design RESTful, GraphQL, and microservice APIs with OpenAPI specs, consistency checks, and security review. Use when designing or reviewing API contracts, endpoints, or API documentation.
Plan and implement API testing with contracts, mocks, and automation. Use when validating endpoints, integration tests, or API quality gates.
Backend architecture, databases, APIs, caching, and deployment patterns. Use for server-side design, implementation, or review.
| name | frontend-design |
| description | Build distinctive, production-grade web UI with strong visual design. Use for landing pages, dashboards, components, or styling web interfaces. |
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
/skill-name or when the agent selects this skill from context.references/full-guide.md in this skill directory for full workflows, examples, and checklists (progressive disclosure).scripts/ when present, using paths relative to this skill folder./master skill:frontend-design when the project uses the command center..cursor/skills/frontend-design/references/full-guide.md.cursor/features/skills/skills/registry.json