Frontend Design Direction from affaan-m’s ECC project. Use it to make websites, dashboards, apps, components, and other web UIs feel more intentional and product-specific. It helps choose the right visual direction, hierarchy, typography, color, layout, motion, responsiveness, and interaction patterns while avoiding generic AI-style UI and working with the project’s existing design system.
Garden Skills turns your ideas and raw content into design-grade output: web pages and landing pages, clickable prototypes, HTML slide decks, dashboards, shareable single-file HTML articles, and generated images. It bakes in real design taste (anti-cliché rules, oklch color, curated type pairings) so the result looks like a design director made it, not a default template.
Turn any prompt into a consistent, accessible UI — not just a pretty one. UI UX Pro Max equips your coding agent with a curated design-reasoning layer: proven UI styles, color palettes, font pairings, and 99 UX and accessibility guidelines, applied automatically across React, Next.js, Vue, Svelte, Tailwind, Flutter, SwiftUI, and more. Plan layouts, generate production-ready components, and ship — without leaving your editor, without a separate design tool.
I've studied the visual language of 54 of the world's best-designed products Stripe, Linear, Vercel, Apple, Notion, and more. This skill encodes their complete design systems (color palettes, typography, spacing, components) so you can generate production quality pages in any style in seconds.
Baoyu Skills is a popular GitHub toolkit for AI content generation, design workflows, backend automation, and everyday productivity. It brings together design, content creation, and utility skills for making image cards, cover images, infographics, diagrams, Markdown to HTML pages, and more. You can run it online for free without installing anything locally.
Built on Spatial Deck, an open-source (MIT) presentation framework. Paste rough notes, a Google Slides export, a PDF, or a PowerPoint outline and get back ONE finished HTML file: double-click to present in any browser, or drag it onto a free host for a live share link. Animated slides, themed sections, a constellation overview map, and speaker notes wired to a presenter view — no PowerPoint, no code, no account. Drop a NOTE: marker anywhere in your input and it writes that part for you.
A skill graph for design engineering: animation, transitions, taste, typography, color, components, anti-patterns.