Skills tagged: CSS

• design-system-patterns - Build scalable design systems

  design systemdesign tokensthemingcomponent library

  ★ 0 · Updated 2026-06-15

  Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns

  ⚙ define design tokens⚙ configure theme infrastructure⚙ build component libraries
• design-guide - Modern UI Design Guidelines

  UI DesignFrontend DevelopmentDesign SystemWeb Development

  ★ 0 · Updated 2026-05-28

  Provides modern UI design principles for creating clean and professional web interfaces

  ⚙ apply design principles⚙ create UI components⚙ build layouts
• design-guide - Modern UI Design Guidelines

  UI designdesign systemfrontendCSS

  ★ 0 · Updated 2026-05-28

  Apply modern UI design principles and guidelines for building clean, professional interfaces across frontend frameworks

  ⚙ apply design principles⚙ define color system⚙ set spacing system
• animation-motion - Create Smooth Animations with Framer Motion

  animationFramer MotionCSSUI transitions

  ★ 18 · Updated 2026-05-11

  Create smooth animations and micro-interactions using Framer Motion and CSS for UIs

  ⚙ create enter/exit animations⚙ add gesture interactions⚙ implement scroll animations
• animation-motion - Framer Motion Animations

  animationFramer MotionCSSmicro-interactions

  ★ 602 · Updated 2026-05-11

  Create smooth animations and micro-interactions with Framer Motion and CSS

  ⚙ create fade animations⚙ create slide animations⚙ create exit animations
• tailwindcss - Tailwind CSS Framework

  CSSframeworkutility-firstresponsive design

  ★ 11 · Updated 2026-05-11

  Utility-first CSS framework for building custom user interfaces with utility classes and theme variables

  ⚙ install framework⚙ apply utility classes⚙ customize theme
• hoatrinh-design-system - Warm Amber Terminal Design System

  design systemUI componentsCSSvisual design

  ★ 0 · Updated 2026-05-09

  Manage UI components, styles, animations, and visual tokens for hoatrinh.dev project

  ⚙ add UI component⚙ modify UI component⚙ review UI component
• code-standards-learn - Check code standards for Python, TypeScript, HTML, CSS

  code reviewcoding standardsPythonTypeScript

  ★ 1 · Updated 2026-05-09

  Check code against language-specific conventions for Python, TypeScript, HTML, and CSS

  ⚙ check code against standards⚙ report code violations⚙ provide fix suggestions
• @tank/figma-to-code - Pixel-Perfect Figma to Code

  Figmadesign-to-codepixel-perfectdesign-system

  ★ 1 · Updated 2026-03-26

  Extract Figma design specs and translate to pixel-perfect code with exact CSS values

  ⚙ Extract design context⚙ Capture screenshots⚙ Extract design tokens
• magento-theme-developer - Magento 2 Theme Development Expert

  Magentotheme developmentfrontendresponsive design

  ★ 602 · Updated 2026-03-22

  Creates custom Magento 2 themes, child themes, and theme modifications.

  ⚙ create custom theme⚙ create child theme⚙ customize frontend layout
• animation-best-practices - CSS & UI Animation Best Practices Guide

  CSSUI animationresponsive designweb development

  ★ 57 · Updated 2026-03-22

  Reference guide for CSS and UI animation patterns for responsive, polished interfaces

  ⚙ record animations⚙ fix shaky animations⚙ scale buttons
• animation-best-practices - CSS Animation Best Practices Guide

  CSSanimationUIfrontend

  ★ 15 · Updated 2026-03-22

  Reference guide for implementing CSS animations and UI transitions with common patterns

  ⚙ record animations⚙ debug animations⚙ fix shaky animations
• landing-page-generator - Generate High-Converting Landing Pages

  web developmentlanding pagesmarketingresponsive design

  ★ 0 · Updated 2026-03-21

  Generate mobile-responsive landing pages from product/service briefs

  ⚙ generate landing pages⚙ read brief files⚙ create HTML files
• landing-page-generator - Generate Responsive Landing Pages

  landing pageHTMLCSSresponsive design

  ★ 816 · Updated 2026-03-21

  Generate mobile-responsive HTML/CSS landing pages from product or service briefs

  ⚙ analyze brief⚙ select template⚙ create HTML file
• drupal-standards - Apply Drupal coding standards automatically

  Drupalcoding standardsPHPJavaScript

  ★ 18 · Updated 2026-03-20

  Automatically applies Drupal coding standards for PHP, JavaScript, CSS, SQL, Twig, and YAML files

  ⚙ read coding standards⚙ apply coding standards⚙ validate code
• css-modern - CSS Modern Features Guidance

  CSSModern CSSWeb DevelopmentFrontend

  ★ 2 · Updated 2026-03-20

  Provide guidance on modern CSS features with browser compatibility and fallback strategies

  ⚙ provide custom properties guidance⚙ provide container queries guidance⚙ provide :has() selector guidance
• Frontend Design - Web Application Design Guidelines

  frontendweb developmentHTMLCSS

  ★ 0 · Updated 2026-03-20

  Provides standards and best practices for creating dynamic web applications

  ⚙ create web applications⚙ write HTML structure⚙ write JavaScript logic
• frontend-design - Create Distinctive Production Frontend Interfaces

  HTMLCSSJavaScriptfrontend design

  ★ 0 · Updated 2026-03-10

  Creates production-grade frontend interfaces with distinctive aesthetics, avoiding generic designs.

  ⚙ create HTML structure⚙ style with CSS⚙ program JavaScript
• frontend-design - Create distinctive, production-grade frontend interfaces

  frontendweb designUIweb development

  ★ 11 · Updated 2026-03-10

  Build web components, pages, and applications with creative, polished code and distinctive UI design

  ⚙ create web components⚙ build web pages⚙ develop applications
• tailwindcss-development - Tailwind CSS Development for Modern Applications

  CSSTailwindStylingFrontend Development

  ★ 0 · Updated 2026-03-09

  Styles applications using Tailwind CSS v4 utilities

  ⚙ Add styles to components⚙ Use Tailwind CSS classes⚙ Extract patterns into components

Scroll to load more