Menu
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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.
