Loading...
Loading...
Found 84 Skills
Build accessible UIs with semantic HTML, ARIA attributes, keyboard navigation, color contrast, and screen reader support. Apply when creating or modifying frontend components, forms, interactive elements, or any UI that needs WCAG compliance.
包含 Ant Design Pro Components (ProComponents) 的组件列表、适用场景及官方文档链接。用于辅助代码生成和参数查询。
Build stunning glassmorphism dark-mode interfaces with Next.js and Tailwind CSS v4. Use when creating any frontend UI, component, page, or application. Specializes in glass-like translucent surfaces, luminous color palettes on dark backgrounds, fluid animations with Framer Motion, and premium visual polish. Always generates dark-mode-first, glassmorphic, production-grade code with exceptional aesthetic quality.
Apply Marko syntax and best practices when editing `.marko` files and building Marko components.
When using npm package `@duskmoon-dev/core`, this skill shows how to install, configure, and use the CSS component library
Add Shadcn UI components with dark mode support using next-themes. Includes theme provider and CSS variables configuration.
Use when building complex organisms from molecules and atoms like headers, footers, product cards, and sidebars. Organisms are distinct UI sections.
How to work effectively with React, always use when developing frontend components
Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.
ALWAYS use when writing code importing "@vueuse/components". Consult for debugging, best practices, or modifying @vueuse/components, vueuse/components, vueuse components, vueuse.
Configure shadcn/ui registries, components.json, and CLI commands. Covers default Radix registry, Base UI registry, and custom registries.
Write a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.