Packs
7 packs@owl-listener
UI Design
UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.
14 skills · pack
@moonklabs
Design System
디자인 시스템 — Stitch `design.md` 스펙 생성기 + Sprintable 브랜드 UI 키트.
2 skills · pack
curated
Build Accessible React UI
Install this pack to build an accessible, performant React UI component from design to audit.
4 skills · pack
curated
Ship Brand Design Guide
Generate a brand design guide including color palette, typography, UI components, and mockups.
5 skills · pack
curated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · pack
@leonxlnx
Taste
Design-taste toolkit: image-to-code, high-end visual design, brutalist/minimalist UI systems, image-gen frontends and redesign workflows from Leonxlnx.
12 skills · pack
@alirezarezvani
Product Team
13 product skills with 17 Python tools: product manager toolkit (RICE, PRDs), agile product owner, product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, code-to-prd, research summarizer, apple-hig-expert.
10 skills · pack
Results for “ui-design”
22 skillssketch
Generates 2-3 disposable HTML mockups for comparing UI design directions before committing to one.
2
ui-styling
Create beautiful, accessible user interfaces with shadcn/ui components, Tailwind CSS utility-first styling, and canvas-based visual designs.
· bundle
ant-design
Provides guidance and code examples for building enterprise React UIs with Ant Design, including forms, tables, theming, and ProComponents.
10
rayden-code
Generate production-quality React + Tailwind CSS code using the Rayden UI component library with correct props, design tokens, and layout patterns.
42.4k
ui-to-vue
Batch-converts UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue, with router wiring and shared component extraction.
0
premium-frontend-ui
Generates immersive, high-performance web interfaces with advanced motion design, typography, and architectural craftsmanship.
36.2k
More results
fd
Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.
61
ui-to-vue
Batch-converts UI design screenshots into Vue 3 Composition API components, with support for Vant, Element Plus, and Ant Design Vue.
1
shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
2 · bundle
ui-to-vue
Batch-convert UI design screenshots into Vue 3 Composition API components using Vant, Element Plus, or Ant Design Vue.
226k
chakra-ui
Build accessible React interfaces with Chakra UI, covering theming, responsive styles, color mode, and component composition.
10
stitch-skills
Generates high-fidelity UI screens, multi-page websites, DESIGN.md documentation, and React components from natural-language prompts using the Stitch MCP server, with support for prompt refinement and walkthrough video creation via Remotion.
42 · bundle
frontend-design
Builds distinctive, production-grade frontend interfaces with bold aesthetics, avoiding generic AI design patterns.
559 · bundle
frontend-design
Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.
2 · bundle
stitch-to-react
Migrates a Stitch screen to production React: fetches and caches wireframes, archives existing pages, converts to shadcn/ui components with semantic tokens, and documents the design system layers.
1 · bundle
ui-scanner
Analyzes an existing Vue project's UI to map components, extract design tokens, and identify code patterns, then generates a project-specific contextual skill file for consistent future development.
2
web-design
Takes a PRD, reference URL, screenshot, or keywords to produce a DESIGN.md specification, then generates production-ready web code that meets UI/UX, visual, motion, and responsive standards.
635 · bundle
stitch-react
Converts Stitch screen designs into production React components, fetching and caching assets locally, extracting design tokens, and archiving existing pages before replacement.
1
stitch-react-native
Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.
6.4k · bundle
web-design-engineer
Craft polished visual web artifacts — pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations — using HTML, CSS, JavaScript, and React.
9.2k · bundle
frontend-ui-engineering
Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.
69.5k
frontend-dev
Builds production-ready frontend pages with premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and generative art.
12.9k · bundle