القائمة
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