Skills tagged: ui-design

• y2k-design - Y2K Design Implementation Guide

  y2kui-designcssswiftui

  ★ 281 · Updated 2026-09-22

  Provides Web and App code snippets for implementing Y2K design aesthetics including chrome text and blob shapes.

  ⚙ Implement Y2K design styling⚙ Create metallic chrome text effects⚙ Style amorphous blob buttons
• delight - Enhance user interfaces with micro-interactions and delight

  ui-designuxmicro-interactionsanimation

  ★ 602 · Updated 2026-09-22

  Add moments of joy, personality, and unexpected touches to elevate functional interfaces into memorable and enjoyable experiences.

  ⚙ Gather audience and brand context⚙ Identify interface delight opportunities⚙ Execute frontend design skill
• build-prototype - Build HTML Prototypes and Decision Comparisons

  prototypehtmlui-designcomparison

  ★ 3 · Updated 2026-09-22

  Builds dummy-data HTML prototypes or temporary comparisons of up to three alternatives to settle screen-based product designs before implementation.

  ⚙ Build canonical HTML prototypes⚙ Compare temporary visual decisions⚙ Inspect artifacts in browser
• penpot-uiux-design - Guide for Penpot UI/UX design using MCP tools.

  penpotui-designux-designmcp-tools

  ★ 0 · Updated 2026-09-22

  Provides rules and workflows for creating UI/UX designs, components, and design systems in Penpot via MCP tools.

  ⚙ Execute code in Penpot context⚙ Export shapes as PNG or SVG⚙ Import images into Penpot designs
• color-blocking - Web and App implementation guide for Color Blocking.

  color-blockingui-designcss-gridswiftui

  ★ 0 · Updated 2026-09-22

  Provides implementation guides and code examples for Mondrian-style Color Blocking layouts across Web and mobile frameworks.

  ⚙ Implement Web CSS Grid color blocks⚙ Build SwiftUI Mondrian grid layouts⚙ Create Flutter flexible color grids
• frontend-design - Spendly UI Designer

  frontend-designui-designflaskjinja2

  ★ 1 · Updated 2026-09-22

  Designs and generates UI for Spendly, a personal expense tracker built on Flask, Jinja2, and vanilla CSS.

  ⚙ Design Spendly UI components⚙ Generate Jinja2 template code⚙ Write vanilla CSS styles
• delight - Add moments of joy and polish to user interfaces

  ui-designanimationmicro-interactionuser-experience

  ★ 0 · Updated 2026-09-22

  Identifies opportunities to add micro-interactions, copy personality, and visual polish to elevate functional interfaces into delightful experiences.

  ⚙ Assess delight opportunities⚙ Apply micro-interactions and animations⚙ Craft contextual personality copy
• delight - Add delight, personality, and polish to user interfaces

  ui-designfrontendmicro-interactionsanimation

  ★ 0 · Updated 2026-09-22

  Identifies opportunities and implements micro-interactions, copy personality, animations, and sound design to enhance interface user experience.

  ⚙ Assess delight opportunities⚙ Define delight strategy⚙ Add micro-interactions and animations
• overdrive - Push web interfaces past conventional limits.

  ui-designfrontendanimationwebgl

  ★ 0 · Updated 2026-09-21

  Enhance interface capabilities using advanced Web APIs, custom rendering, smooth transitions, and high-performance techniques with progressive enhancement.

  ⚙ Propose technical directions before implementation⚙ Clarify choices using AskUserQuestion tool⚙ Verify visuals with browser automation
• cc-design - High-fidelity HTML design and visual prototype creation

  ui-designhtml-prototypeslide-decklanding-page

  ★ 831 · Updated 2026-09-21

  Designs and builds high-fidelity HTML visual artifacts including slides, interactive prototypes, UI mockups, animations, and design systems.

  ⚙ Build high-fidelity HTML visual prototypes⚙ Create interactive animations and slide decks⚙ Design UI mockups and landing pages
• frontend-design - Guidance for distinctive visual design and UI construction

  frontendui-designvisual-designtypography

  ★ 2 · Updated 2026-09-21

  Provides design principles and processes for creating distinctive, non-templated user interfaces with intentional typography, layout, and copy.

  ⚙ Create compact visual token systems⚙ Review design plans against briefs⚙ Set intentional typographic scales
• design-taste - Design and polish web interfaces with elite taste

  ui-designfrontendcsstypography

  ★ 58 · Updated 2026-09-20

  Builds, reviews, and polishes web interfaces using frontend design engineering principles, design rules, motion craft, and anti-pattern detection.

  ⚙ Design web interfaces⚙ Review UI code⚙ Polish styling and motion
• liquid-glass-design - Liquid Glass Design System for iOS 26

  ios-26swiftuiuikitwidgetkit

  ★ 0 · Updated 2026-09-20

  iOS 26 Liquid Glass design system for dynamic material with blur, reflection, and morphing effects across SwiftUI, UIKit, and WidgetKit.

  ⚙ Apply glass effects in SwiftUI⚙ Configure glass containers and morphing⚙ Implement UIGlassEffect in UIKit
• ios-ui-design-guide - iOS UI Design Guide following Apple HIG

  iosswiftuiuikithig

  ★ 18 · Updated 2026-09-20

  Applies Apple Human Interface Guidelines and design principles to build native iOS UI components using SwiftUI and UIKit.

  ⚙ Build SwiftUI views⚙ Build UIKit components⚙ Apply 8pt grid spacing
• card-based-design - Card-Based Design Guide for Web and Mobile Apps

  ui-designcard-based-designweb-developmentmobile-development

  ★ 1 · Updated 2026-09-20

  Provides guidelines and code implementations for card-based UI designs across Web, SwiftUI, Flutter, React Native, and Jetpack Compose.

  ⚙ Guide card-based layout design⚙ Provide Web CSS card implementations⚙ Provide SwiftUI card component code
• ferrox-frontend-design - Frontend design guidance for building and restyling UI

  frontendui-designdesign-systemferrox

  ★ 23 · Updated 2026-09-20

  Guides building or restyling frontend UI surfaces including web pages, components, and dashboards using project contracts and global design knowledge.

  ⚙ Initialize project design contract⚙ Search design knowledge base⚙ Plan design tokens
• industrial-brutalist-ui - Industrial Brutalism & Tactical Telemetry UI

  industrial-brutalismtactical-telemetryswiss-designtypography

  ★ 0 · Updated 2026-09-20

  Architect web interfaces fusing Swiss typographic design and retro-futuristic military terminal aesthetics with rigid grids and extreme typographic contrast.

  ⚙ Architect Swiss industrial print interfaces⚙ Architect tactical telemetry terminal interfaces⚙ Implement extreme typographic scale contrast
• industrial-brutalist-ui - Industrial Brutalism & Tactical Telemetry UI

  ui-designbrutalismtypographycss

  ★ 0 · Updated 2026-09-20

  Architects web interfaces fusing Swiss typographic print, industrial manuals, and retro-futuristic telemetry displays with rigid grids.

  ⚙ Build rigid modular grid layouts⚙ Apply extreme typographic scale contrast⚙ Implement utilitarian substrate color palettes
• open-notebook-lm-guidelines - FerrisMind Project Architecture and UI Styling Guidelines

  ferrismindopennotebooklmguidelinesrust

  ★ 0 · Updated 2026-09-20

  Provides core architecture, visual design system, and backend workflow guidelines for the FerrisMind AI workspace project.

  ⚙ Enforce Amber Tech-Chic visual styling rules⚙ Guide Rust and Axum backend architecture⚙ Define SurrealDB knowledge graph data models
• ui-design-brain - Generate production-grade UI components and web interfaces.

  ui-designcomponentsreacttailwind-css

  ★ 885 · Updated 2026-09-19

  Provides design guidelines and component patterns from 60+ UI components to generate production-grade web interfaces and code.

  ⚙ Identify required UI components⚙ Apply UI component best practices⚙ Select design style presets

Scroll to load more