菜单
Use this skill to generate well-branded interfaces and assets for AGENT-33, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Scan code for security vulnerabilities and unsafe patterns with remediation guidance.
Review a code diff for correctness, logic errors, and style issues.
Propose targeted refactoring and readability improvements for reviewed code.
Diagnose and explain error messages with root cause analysis and actionable fix steps.
Assist with common git operations including branching, committing, and pull requests.
Lint source code using project-configured linters and auto-fix safe violations.
| name | agent33-design |
| description | Use this skill to generate well-branded interfaces and assets for AGENT-33, either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping. |
| user-invocable | true |
Read the README.md file within this skill, and explore the other available files.
If creating visual artifacts (slides, mocks, throwaway prototypes, etc), copy assets out and create static HTML files for the user to view. If working on production code, you can copy assets and read the rules here to become an expert in designing with this brand.
If the user invokes this skill without any other guidance, ask them what they want to build or design, ask some questions, and act as an expert designer who outputs HTML artifacts or production code, depending on the need.
colors_and_type.cssassets/logo-orb.html, assets/wordmark.svgREADME.mdui_kits/control-plane/frontend/src/#0c1015, deep wells #050a0e. Never lighter cards — depth comes from chamfered corners and hairline gradient strokes.#30d5c8. One warm: #f6bd60. Don't invent new ones.border-radius above 0 except chamfer cuts. No drop shadows on cards — depth via ::before gradient strokes.