Loading...
Loading...
Found 11 Skills
UI component library patterns for shadcn/ui and Radix Primitives. Use when building accessible component libraries, customizing shadcn components, using Radix unstyled primitives, or creating design system foundations.
Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry, updating existing component variants, customizing styling with Tailwind, or debugging shadcn/ui component issues.
TDesign Mini Program UI component library by Tencent. Use for building WeChat mini apps with TDesign components, design system, and best practices.
Create multiple components that work together to perform a single task by sharing implicit state.
Pencil Design System generator. Invoke with /pds followed by a business domain (e.g., "/pds coffee shop that sells coffee online"). Creates a complete design system with tokens, foundations, components, patterns, and optional screens in a .pen file.
Develops UIs with Flux UI Pro components. Activates when creating buttons, forms, modals, inputs, tables, charts, date pickers, or UI components; replacing HTML elements with Flux; working with flux: components; or when the user mentions Flux, component library, UI components, form fields, or asks about available Flux components.
Use when designing the Maycrest website or TIE Platform — building pages, components, or dashboards, choosing fonts and colors, applying the brand aesthetic, or seeking web design inspiration.
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.
Build, update, debug, and style shadcn/ui components using the project's registry and conventions.
Any interface work in an Angular project that uses Taiga UI (`@taiga-ui/*`): it is the app's UI layer, so every component, template, form, dialog, notification and style goes through it. Use when building or changing UI, when picking which `Tui*` component fits a need, and when Taiga code won't compile, renders unstyled or renders inert. If the project has no `@taiga-ui/*` packages yet, that is `taiga-ui-setup`; schematics migration TODOs after a version bump are `taiga-ui-migration`.
Builds sites, pages and components from Lucian UX/UI Prompt (lucianlabs.dev/uxui-prompt), a growing library of polished, dependency-free interactive UI elements with light and dark themes, keyboard and touch support and reduced motion. It covers buttons, toggles, inputs, menus and tabs, cards, sign-in and sign-up, toasts, loaders, empty and error states, charts, and app-level tools like editors, dashboards, schedulers and kanban boards. Searches the library, fetches only the chosen elements and ports them into the project's framework and theme. Use when the user names lucian-uxui, Lucian UX/UI or lucianlabs elements, or asks to build UI that should use them, e.g. "build a landing page with lucian-uxui", "lucian-uxui 스킬로 사이트 만들어줘", "루샨 UX/UI 요소로 로그인 화면 만들어줘". Not for backend work or for editing the library itself.