메뉴
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.
