Skill UI

This comprehensive guide provides developers with the foundational principles and actionable code examples for implementing the Y2K aesthetic. Learn how to achieve the signature look—incorporating chrome metallic effects, amorphous blob shapes, digital grid backgrounds, and neon glows—across web (CSS), iOS (SwiftUI), and cross-platform (Flutter) environments.

This specialized skill reviews user interface animations, motion patterns, and interactive code (CSS, Framer Motion, etc.) against a strict, high-craft standard. It evaluates not only functionality but also performance, accessibility, physical correctness, and adherence to motion design principles. Use it when reviewing diffs related to transitions, keyframes, or gestures to ensure the motion feels right, not just that it runs.

This comprehensive skill provides a holistic approach to building modern, accessible, and visually stunning user interfaces. It combines the highly accessible components of shadcn/ui (built on Radix UI), the utility-first power of Tailwind CSS, and sophisticated visual design principles (Canvas). Use this when developing complex React applications, implementing full design systems, ensuring responsive layouts across devices, and requiring professional-grade visual compositions, from dashboards to marketing posters. It guarantees consistency, accessibility, and rapid prototyping.

A fast, grep-based linter that checks for common design system violations in CSS and component code, such as hardcoded colors, raw pixel values, and deprecated syntax. It provides immediate automated feedback to ensure code adheres to established design tokens and best practices.

This skill analyzes your project's current StyleSeed setup, detects outdated engine files, and safely updates the core components, skills, and rules. It follows a structured, non-destructive process, ensuring that user-defined code, such as theme.css and custom components, remains untouched while applying necessary upgrades.

Utilizes Expo DOM components to render web code verbatim inside a webview on native platforms, while maintaining native rendering on the web. This enables developers to integrate web-only libraries (such as charting tools, syntax highlighters, or complex CSS layouts) and incrementally migrate existing web components into a React Native application without substantial rewriting.

This guide targets the Journal of Physical Education, a CSSCI-level journal emphasizing school physical education, sport humanities, and social science. It is ideal for researchers studying PE reform, youth fitness, and sport policy. Submissions must demonstrate strong theoretical grounding and problem consciousness, analyzing educational, social, or health mechanisms rather than merely summarizing teaching experiences.

A comprehensive CSSCI-level academic journal focusing on the full spectrum of sport science, including athletic training, exercise science, and sport humanities. It possesses a distinct strength in winter and ice sports research, making it the ideal venue for submitting well-evidenced, rigorous, and interdisciplinary studies, especially those related to the Northeast Chinese region's winter sports context.

This guide details submission requirements for the Journal of Xi'an Physical Education University, a comprehensive CSSCI journal. It covers the full spectrum of sport science, including training, exercise physiology, sport humanities, and school PE. It is ideal for well-evidenced studies needing a broad, standardized venue, emphasizing strong problem consciousness and empirical rigor.

A comprehensive guide for integrating Markstream, a high-performance Markdown renderer, into modern frontend frameworks like React, Vue, Svelte, and Next.js. It handles complex streaming scenarios, ensuring minimal peer dependencies, correct CSS ordering, and proper Server-Side Rendering (SSR) boundaries for dynamic content and AI chat interfaces.