Download

Skill UI

Browse and discover 19333+ curated skills

All Development Artificial Intelligence Design & Creative Product & Business Data Science Marketing Soft Skills Productivity Engineering Languages

Search UI Layout , found 174 results

Default Newest Most Downloaded

Skill Architect Guide

skill-architect

tech-leads-club/agent-skills

Guides senior architects through asking discovery questions, defining use cases, selecting patterns, and planning folder layout before crafting SKILL.md instructions for consistent agent behavior.

Scalable Supabase Architecture Patterns

supabase-reference-architecture

jeremylongshore/claude-code-plugins-plus-skills

A comprehensive guide to implementing enterprise-grade Supabase architectures. This skill covers advanced patterns like monorepo layout, multi-tenant Row Level Security (RLS) isolation, microservices integration, and operational patterns (caching, queues, audit logging). Use this when building complex, scalable, and production-ready applications on Supabase.

Mastering Tailwind CSS V4 Patterns

tailwind-patterns

sickn33/antigravity-awesome-skills

A comprehensive guide to modern utility-first CSS using Tailwind CSS v4 principles. Covers the shift to CSS-first configuration, utilizing CSS variables for design tokens, implementing advanced container queries, and mastering responsive, dark mode, and complex layout patterns (Grid/Flex). Essential for building modern, component-driven UIs efficiently.

UI Trend Research

trend-researcher

davepoon/buildwithclaude

Research current UI/UX visual trends from Dribbble and related design communities to inform color, typography, layout, and interaction choices before starting a project.

Design System Toolkit: Tokens & Components

ui-design-system

alirezarezvani/claude-skills

A comprehensive toolkit for senior UI designers to build robust and scalable design systems. It guides the generation of design tokens (colors, spacing, typography), structuring component libraries (Atoms to Organisms), implementing responsive layouts, and preparing detailed developer handoff documentation. Essential for maintaining visual consistency and bridging the gap between design and development.

High-Fidelity UI Mockup

muapi-ui-design

SamurAIGPT/Generative-Media-Skills

Generates high-fidelity mobile and web UI/UX mockups with atomic design principles, responsive layouts, and accessible design tokens via muapi.ai for product requirements that need professional wireframes or design systems.

LaTeX Poster Crafting

K-Dense-AI/claude-scientific-skills

Guides researchers through creating conference-ready posters in LaTeX, covering layouts, visuals, AI-generated graphics, and overflow-safe design for academic communication.

HTML PPTX Posters

K-Dense-AI/claude-scientific-skills

Design research posters with HTML/CSS templates that export to PDF or PPTX when PowerPoint format is explicitly requested, integrating responsive layouts and AI-generated visuals for quick preview and iteration.

Enforcing UI Baseline Standards

sickn33/antigravity-awesome-skills

This skill enforces a rigorous, opinionated baseline for UI development, ensuring consistency across spacing, hierarchy, typography, and layout. It helps maintain high code quality by fixing structural and stylistic inconsistencies, particularly useful for polishing AI-generated or quickly developed interfaces to meet professional standards and accessibility requirements.

Fixing Animation Performance Issues

fixing-motion-performance

sickn33/antigravity-awesome-skills

A comprehensive guide and set of rules for auditing and fixing performance issues related to UI animations. It addresses common problems like layout thrashing, janky transitions, and inefficient motion handling, helping developers optimize CSS/JS animations for smoother user experiences.

Form Conversion Optimization

alirezarezvani/claude-skills

Guides experts through auditing and experimenting on non-registration forms to boost completion rates, covering assessment, design, copy, layout, and hypothesis testing for lead, contact, demo, survey, or checkout flows.

Makepad UI Layout Generation

sickn33/antigravity-awesome-skills

This skill acts as an expert resource for the Makepad layout system. It helps users generate correct layout code and explain advanced UI concepts like flow direction, alignment, padding, and spacing. Use it when positioning, aligning, or structuring widgets in a Makepad application, ensuring responsive and complex UI compositions.

Prev 1 234 5 6...13 14 15 Next

Language