菜单
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
Write, optimize, and debug SQL queries. Analyze query plans, suggest indexes, and translate between SQL dialects.
Generate changelogs from git history using conventional commits. Produces Keep a Changelog format entries grouped by type and version.
Perform thorough code reviews focusing on correctness, security, performance, and maintainability. Provide actionable feedback with specific line references and suggested fixes.
Write and update technical documentation including API docs, README files, architecture decision records, and inline code comments.
Guide safe, incremental refactoring of existing code. Identify refactoring opportunities, suggest patterns, and ensure behavior is preserved through the process.
Inspect Figma designs, extract tokens, generate component code, and sync design decisions to your codebase.
| name | frontend-design |
| description | Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. |
Apply visual hierarchy, spacing, and color theory. Use semantic HTML and accessible markup. Prefer CSS variables for theming. Components should be responsive by default.
