Layout skills
Grids, spacing, alignment and page structure: the skills that decide where things go and how much room they get.
203 skills, page 3 of 6
Skills
Tailwindcssby MengTo
Use when you are implementing UI with Tailwind and want reusable, practical utility-first patterns.
LayoutExternalGitHub stars: 7.1K
Threejsby MengTo
Use when building 3D scenes, interactions, or WebGL-backed interface moments in Three.js.
VisualExternalGitHub stars: 7.1K
Webgl Landing Steeringby MengTo
Use when steering a landing page around a WebGL centerpiece or hero experience.
VisualExternalGitHub stars: 7.1K
Antfuby antfu
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
LayoutExternalGitHub stars: 6K
Antfu Designby antfu
antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use when building or refactoring any interface with UnoCSS.
LayoutExternalGitHub stars: 6K
Nitroby antfu
Nitro is the framework-agnostic server toolkit (powering Nuxt) for building and deploying web servers anywhere. Use when working with nitro.config, server routes/event handlers, route rules, caching, storage, tasks, websockets, or deploying to Node/Bun/Deno/Cloudflare/Vercel.
LayoutExternalGitHub stars: 6K
Nuxtby antfu
Nuxt full-stack Vue framework guidance for SSR, auto-imports, file-based routing, and server routes.
LayoutExternalGitHub stars: 6K
Piniaby antfu
Pinia state management best practices for type-safe Vue stores, getters, and actions.
Design SystemsExternalGitHub stars: 6K
Pnpmby antfu
pnpm package manager guidance for strict dependency resolution, workspaces, catalogs, patches, and overrides.
LayoutExternalGitHub stars: 6K
Slidevby antfu
Create developer slide decks with Slidev using Markdown, Vue components, code highlighting, and animations.
MotionExternalGitHub stars: 6K
Tsdownby antfu
Bundle TypeScript and JavaScript libraries with tsdown, including declarations and multi-format builds.
PerformanceExternalGitHub stars: 6K
Turborepoby antfu
Turborepo monorepo build system guidance for pipelines, caching, filtering, CI, and package boundaries.
PerformanceExternalGitHub stars: 6K
Unocssby antfu
UnoCSS atomic CSS engine guidance for rules, shortcuts, and presets like Wind, Icons, and Attributify.
VisualExternalGitHub stars: 6K
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 antfu
Vue.js best practices emphasizing Composition API with script setup and TypeScript.
LayoutExternalGitHub stars: 6K
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 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
Web Design Guidelinesby antfu
Review UI code for web interface guideline compliance, including accessibility and UX best practices.
VisualExternalGitHub stars: 6K
Refine Liveby Jakubantalik
Iteratively refine UI in live sessions with a focus on motion, polish, and interaction detail.
MotionExternalGitHub stars: 5.9K
Text to Lottieby diffusionstudio
Turn text prompts into polished Lottie animations for motion-heavy UI work.
MotionExternalGitHub stars: 5.6K
Threejs Animationby cloudai-x
Three.js animation guidance for keyframes, skeletal animation, morph targets, and animation blending.
VisualExternalGitHub stars: 3.8K
Threejs Fundamentalsby cloudai-x
Three.js scene setup guidance for cameras, renderer configuration, object hierarchy, and transforms.
VisualExternalGitHub stars: 3.8K
Threejs Geometryby cloudai-x
Three.js geometry patterns for built-in shapes, BufferGeometry, custom meshes, and instancing.
VisualExternalGitHub stars: 3.8K
Threejs Interactionby cloudai-x
Three.js interaction patterns for raycasting, controls, pointer input, and object selection.
VisualExternalGitHub stars: 3.8K
Threejs Lightingby cloudai-x
Three.js lighting guidance for light types, shadows, environment lighting, and performance tuning.
VisualExternalGitHub stars: 3.8K
Threejs Materialsby cloudai-x
Three.js material guidance for PBR, classic materials, shader materials, and material optimization.
VisualExternalGitHub stars: 3.8K
Threejs Shadersby cloudai-x
Three.js shader guidance for GLSL, ShaderMaterial, uniforms, and custom vertex and fragment effects.
VisualExternalGitHub stars: 3.8K
Threejs Texturesby cloudai-x
Three.js texture workflows for maps, UV mapping, environment maps, and texture configuration.
VisualExternalGitHub stars: 3.8K
Create Adaptable Composableby vuejs-ai
Create library-grade Vue composables that support plain values, refs, and getters with predictable reactivity.
LayoutExternalGitHub stars: 3.2K
Vue Best Practicesby vuejs-ai
Core Vue development best practices for component architecture, reactivity, and maintainable code.
LayoutExternalGitHub stars: 3.2K
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 Testing Best Practicesby vuejs-ai
Testing strategies for Vue applications, including component tests, integration tests, and reliability patterns.
LayoutExternalGitHub stars: 3.2K
Accessibilityby addyosmani
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
AccessibilityExternalGitHub stars: 3K