Download

Skill UI

Browse and discover 19424+ curated skills

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

Search CSS , found 109 results

Default Newest Most Downloaded

Migrate Power Pages Bootstrap 3 To 5

migrate-bootstrap

microsoft/power-platform-skills

This skill guides the systematic migration of legacy Power Pages sites from Bootstrap 3 to Bootstrap 5. It automates the process using the `pac pages bootstrap-migrate` engine, handles necessary residual CSS/hierarchy fixes, and verifies the Bootstrap 5 runtime flag flip upon upload. It is strictly for traditional (native) content sites and does not support modern code-based frameworks like React or Vue.

Preview Mobile App Screens

preview-screens

microsoft/power-platform-skills

Generates self-contained HTML preview files that render mobile app screens in phone-frame mockups (375×812) with tab navigation and dark/light toggle. Converts Tamagui TSX components to equivalent HTML/CSS without programmatic parsing. Useful for visual verification after screen generation, sharing mockups with stakeholders, and layout validation before deployment.

Web Accessibility Audit Scanner

accesslint-scan

sickn33/agentic-awesome-skills

This skill audits live web pages for WCAG accessibility violations without modifying the application. It locates issues precisely using CSS selectors and returns a fix worklist for developers. It uses AccessLint tools to check contrast, accessible names, and semantic markup. Suitable for QA and automated testing workflows where manual checks are separate.

Antigravity UI Design Expert

antigravity-design-expert

sickn33/agentic-awesome-skills

This skill enables building highly interactive, spatial, and weightless web interfaces using GSAP and 3D CSS. It focuses on glassmorphism, isometric grids, and smooth scroll animations. Ideal for dashboards and immersive product surfaces requiring React, Next.js, and Tailwind CSS.

Dark Mode Design Implementation

sickn33/agentic-awesome-skills

This skill provides a comprehensive guide for implementing dark mode in web and mobile applications. It covers core design principles like surface color selection, elevation through lightness, and accent testing. Includes specific implementation examples for CSS, SwiftUI, and Flutter to ensure reduced eye strain and premium aesthetics.

Expo Tailwind CSS Setup

expo-tailwind-setup

sickn33/agentic-awesome-skills

Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling across iOS, Android, and Web.

Fixing Motion Performance

fixing-motion-performance

sickn33/agentic-awesome-skills

Audit and fix animation performance issues such as layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or when reviewing CSS/JS animation performance in any web UI.

Modern React Frontend Developer

frontend-developer

sickn33/agentic-awesome-skills

This skill enables building modern React components and responsive layouts using React 19 and Next.js 15. It covers client-side state management, server-side rendering, performance optimization, and accessibility. Expertise includes TypeScript, Tailwind CSS, and modern frontend architecture patterns like micro-frontends and PWA. Ideal for creating high-performance web applications with comprehensive testing and CI/CD pipelines.

Frontend UI Dark Theme

frontend-ui-dark-ts

sickn33/agentic-awesome-skills

Modern dark-themed React UI system using Tailwind CSS and Framer Motion for dashboards, admin panels, and data-rich apps with glassmorphism and subtle animations.

Hunt Client-Side DOM Vulnerabilities

sickn33/agentic-awesome-skills

This skill enables the identification and exploitation of client-side DOM vulnerabilities, including DOM Clobbering, PostMessage bypasses, Service Worker abuse, and CSS exfiltration. It is designed for authorized security assessments to discover high-value attack chains that bypass server-side filters. Users must obtain explicit written permission before testing any target.

Isometric Design Implementation Guide

isometric-design

sickn33/agentic-awesome-skills

A comprehensive guide to implementing isometric design in web and mobile applications, including CSS, SwiftUI, Flutter, and React Native code examples.

Implementing Layered Design Aesthetics

sickn33/agentic-awesome-skills

This comprehensive guide provides technical implementations for achieving a modern 'Layered Design' aesthetic. It teaches developers how to create depth, intentional overlapping, and clear stratification across various platforms. Includes detailed code examples for CSS, SwiftUI, Flutter, and React Native to build complex, dimensional user interfaces.

Prev 1 2 3 4 5 678 9 10 Next

Language