メニュー
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 ページを確認してインストールできます。
SOC 職業分類に基づく
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.
