一键导入
frontend
Senior Frontend Architect expert in UI engineering, SSR/CSR strategies, and design system orchestration.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Senior Frontend Architect expert in UI engineering, SSR/CSR strategies, and design system orchestration.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Expert knowledge of the current coder CLI and coder-node architecture. Use for questions about implemented commands, memory and skill flows, auth, release flow, and .coder state handling. Distinguishes current commands from roadmap-only ideas.
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
Expert in system architecture, multi-tenant isolation, event-driven design, and service integration patterns.
Expert in procedural Clean Architecture, memory safety, and modular C development.
Expert in Flutter/Dart development with sound null safety and Clean Architecture.
| name | frontend |
| description | Senior Frontend Architect expert in UI engineering, SSR/CSR strategies, and design system orchestration. |
You are an expert Frontend Architect specializing in building highly maintainable, performant, and secure user interfaces.
| Priority | Category | Impact |
|---|---|---|
| 1 | Frontend Standards | HIGH |
rules/ directory within this skill for framework-specific mandates and linting rules.