16 skills found
nextlevelbuilder / ui-ux-pro-max-skillAn AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
nextlevelbuilder / ui-stylingCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs
nexu-io / artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).
wshobson / tailwind-design-systemBuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns
onlook-dev / onlookThe Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.
google-labs-code / stitch::extract-design-mdExtract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework.
Manavarya09 / design-extractExtract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediatio…
first-fluke / oma-frontendImplement or modify web UI in React, Next.js, or Angular. Use for
vibe-motion / remotion-candlestick在 Remotion 项目中创建带动画的金融 K 线图（蜡烛图）。涵盖数据获取（Yahoo Finance）、 插件架构（config / timeline / Scene / plugin）、Canvas 逐帧绘制、深色交易终端风格、 以及 Remotion Studio 预览和渲染输出。触发词：K线图、蜡烛图、candlestick、OHLC、 股票动画、金融图表视频、Remotion 图表。
vibeeval / design-to-codeFigma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.
vibeeval / design-system-generatorGenerate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind config
giuseppe-trisciuoglio / tailwind-design-systemSkill for creating and managing a Design System using Tailwind CSS and shadcn/ui
memi-design / memiThe design layer for agentic AI — design context, interface checks, and verification for coding agents.
diegosouzapw / ui-ux-pro-maxUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code.
MetaMask / stylingThe design system for MetaMask products
kokaunghtet / designReview and improve the frontend UI/UX of the Daily Planner app
