feiwanghub/playground

UI/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. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

This skill generates customizable PNG icons with text and color options, enabling quick app icons, placeholders, or simple graphics.

This skill generates HTML5 Canvas templates with pre-defined drawing logic for shapes like rectangles, circles, grids, and stars.

This skill quickly scaffolds a boilerplate FastAPI project with main.py, requirements, and README, including hello world and item endpoints.

This skill reads text from and creates Microsoft Word documents, enabling easy extraction and markdown-driven doc generation.

This skill extracts text and metadata from PDF files using pypdf, enabling easy retrieval of content, author info, and page count.

This skill generates OpenAPI 3.0 YAML from simple JSON definitions, scaffolding endpoints and responses to accelerate API documentation.

This skill generates PowerPoint slides from markdown or text, applying basic formatting to streamline presentation creation.

This skill scaffolds a new skill, creating directory structure and boilerplate files to accelerate project setup and consistency.

This skill lets you download videos from YouTube and many platforms using yt-dlp, with format selection and custom output directories.