Menü
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| 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.
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.
