Skills
Instructions your agent can follow for layout, type, motion, forms and more.
269 skills
Results
Ui Stylingby nextlevelbuilder
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.
VisualExternalGitHub stars: 142.5K
Ui Ux Pro Maxby nextlevelbuilder
Comprehensive UI/UX design intelligence with 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.
VisualExternalGitHub stars: 142.5K
Unocssby antfu
UnoCSS atomic CSS engine guidance for rules, shortcuts, and presets like Wind, Icons, and Attributify.
VisualExternalGitHub stars: 6K
Use of Colorby AccessLint
Compatibility listing for use-of-color installs from AccessLint's marketplace skill set.
AccessibilityExternalGitHub stars: 114
Variantby jakubkrehel
Answers which of these rather than is this right. Builds several genuinely different versions of one piece of UI behind a picker in the real page, so you can flip between them and promote the one that wins.
VisualExternalGitHub stars: 9.2K
Vercel React Best Practicesby vercel-labs
Vercel React best practices for rendering performance, bundle efficiency, and scalable component architecture.
LayoutExternalGitHub stars: 33.2K
Video Interaction Mapperby figma
Analyze a UI screen recording and map interaction states into an annotated Figma Design storyboard with extracted before/after frames.
MotionExternalGitHub stars: 2.1K
Viteby antfu
Vite configuration and plugin guidance, including SSR and Vite 8 Rolldown migration patterns.
PerformanceExternalGitHub stars: 6K
Vitepressby antfu
VitePress documentation site guidance for configuration, theming, and Markdown plus Vue content.
LayoutExternalGitHub stars: 6K
Vitestby antfu
Vitest testing best practices for unit tests, mocking, coverage, fixtures, and test filtering.
LayoutExternalGitHub stars: 6K
Vueby antfu
Vue 3 Composition API and reactivity guidance for SFCs, script setup macros, and built-in components.
InteractionExternalGitHub stars: 6K
Vue Best Practicesby vuejs-ai
Core Vue development best practices for component architecture, reactivity, and maintainable code.
LayoutExternalGitHub stars: 3.2K
Vue Best Practicesby antfu
Vue.js best practices emphasizing Composition API with script setup and TypeScript.
LayoutExternalGitHub stars: 6K
Vue Jsx Best Practicesby vuejs-ai
Guidance for writing robust, type-safe, and readable Vue components using JSX.
LayoutExternalGitHub stars: 3.2K
Vue Options Api Best Practicesby vuejs-ai
Best practices for structuring and scaling Vue applications built with the Options API.
LayoutExternalGitHub stars: 3.2K
Vue Pinia Best Practicesby vuejs-ai
Patterns for clean, scalable state management in Vue apps using Pinia stores.
Design SystemsExternalGitHub stars: 3.2K
Vue Router Best Practicesby vuejs-ai
Routing architecture and navigation patterns for maintainable Vue Router applications.
InteractionExternalGitHub stars: 3.2K
Vue Router Best Practicesby antfu
Vue Router 4 patterns covering navigation guards, route params, and route lifecycle interactions.
InteractionExternalGitHub stars: 6K
Vue Testing Best Practicesby vuejs-ai
Testing strategies for Vue applications, including component tests, integration tests, and reliability patterns.
LayoutExternalGitHub stars: 3.2K
Vue Testing Best Practicesby antfu
Vue testing guidance using Vitest, Vue Test Utils, component testing, mocking, and Playwright E2E.
LayoutExternalGitHub stars: 6K
Vueuse Functionsby antfu
Apply VueUse composables to build concise, maintainable Vue and Nuxt features.
LayoutExternalGitHub stars: 6K
Wcag Audit Patternsby wshobson
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
AccessibilityExternalGitHub stars: 42K
Web Cloneby Jane-xiaoer
网站复刻 / 克隆方法论。Use when the user says to clone, reproduce, or recreate a website or WebGL/Canvas/Three.js effect. Covers source-first reconstruction, repo scaffolding, reverse engineering, implementation paths, and verification for static sites, content sites, and heavy front-end experiences.
LayoutExternalGitHub stars: 1.1K
Web Design Guidelinesby vercel-labs
Review UI code for Web Interface Guidelines compliance. Audit design, accessibility, and UX against Vercel's best practices.
VisualExternalGitHub stars: 33.2K
Web Design Guidelinesby antfu
Review UI code for web interface guideline compliance, including accessibility and UX best practices.
VisualExternalGitHub stars: 6K
Web Quality Auditby addyosmani
Web quality auditing skill for Lighthouse-style analysis across performance, accessibility, best practices, and SEO signals.
PerformanceExternalGitHub stars: 3K
Webgl Componentsby flornkm
Build small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance, accessibility, SSR, or layout. Use whenever a shader-, GLSL-, or canvas-driven decorative element is added to a product UI, especially one rendered many times per page or per list; when reviewing or optimizing one; or when debugging one that renders blurry, aliased, all-black, or paints over the surrounding UI on machines without hardware acceleration.
VisualExternalGitHub stars: 115
Webgl Landing Steeringby MengTo
Use when steering a landing page around a WebGL centerpiece or hero experience.
VisualExternalGitHub stars: 7.1K
Write Swiftby emilkowalski
How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift, or when a concurrency error, a hang, a data race, a retain cycle, or a performance problem needs fixing.
LayoutExternalGitHub stars: 51.4K