xiluolin

Use only when the user explicitly asks to choose, continue, organize, or close the next XiLuoLin development task.

Use when adding or modifying React UI in this Tauri project with shadcn/ui, Tailwind CSS, Radix primitives, reusable components, design tokens, or frontend style conventions.

在前端开发中应用品牌级设计系统。引导用户选择预设风格（Claude、Vercel、Stripe 等 69+ 品牌）、designprompts.dev 上的 AI 设计 Prompt，或自定义 DESIGN.md，然后将其自动应用到项目 CSS 中。当用户提到想要某种风格、主题或视觉样式时触发。

Expert in Rust development with focus on safety, performance, async programming, and systems code.

Helps create and initialize Tauri v2 projects, including prerequisites, scaffolding, manual setup, and project structure for desktop and mobile apps.

Guides testing for Tauri apps, including mocked unit tests, Tauri API mocking, end-to-end testing, and CI coverage.

Build high-quality visual Web artifacts using HTML/CSS/JavaScript/React — web pages, landing pages, dashboards, interactive prototypes, HTML slide decks, animated demos, UI mockups, data visualizations, and more. Use this skill whenever the user's request involves a visual, interactive, or front-end deliverable, including: - Creating web pages, landing pages, dashboards, marketing pages - Building interactive prototypes or UI mockups (with device frames) - Building HTML slide decks / presentations - Creating CSS/JS animations or timeline-driven animated demos - Turning design mockups, screenshots, or PRDs into interactive implementations - Data visualization (Chart.js / D3, etc.) - Design system / UI Kit exploration Even if the user doesn't explicitly say "HTML" or "web page," this skill applies whenever the intent is to produce something visual, interactive, or presentational. Not applicable: pure back-end logic, CLI tools, data-processing scripts, non-visual code tasks, command-line debugging.