菜单
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, artifacts, dashboards, React components, HTML/CSS layouts, or styling any web UI.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Use when querying Jira issues, searching Confluence pages, creating tickets, updating documentation, or integrating Atlassian tools via MCP protocol.
Use when building PHP applications with modern PHP 8.3+ features, Laravel, or Symfony frameworks. Invoke for strict typing, PHPStan level 9, async patterns with Swoole, PSR standards.
Structured security event logging with JSON format, 90-day retention, log rotation, and querying for SOC 2 and ISO 27001 compliance.
Root-level credential inheritance for agent delegation chains with access logging and permission validation. Use for multi-level agent workflows.
OAuth 2.0 Authorization Code Flow with PKCE for Atlassian, GitHub, and Google providers. Handles token exchange and secure storage. Use PROACTIVELY for OAuth flows.
Performance optimization for token usage (15% reduction), latency (P95 <500ms), memory (<10% growth), and context compression (75%+) with comprehensive benchmarking. Use for optimizing system performance.
| name | frontend-design |
| description | Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, artifacts, dashboards, React components, HTML/CSS layouts, or styling any web UI. |
| version | 1.0.0 |
| author | Anthropic |
| license | Apache 2.0 |
| triggers | ["website","landing page","dashboard","React component","HTML/CSS","web UI","frontend"] |
| tools | ["file_read","file_write","shell"] |
| models | ["qwen3-coder","qwen3-32b"] |
Before coding, commit to a BOLD aesthetic direction:
Use /skills frontend-design to invoke.
