بنقرة واحدة
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.