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.
五個 Skills，將照片、餐牌及商品圖片轉成手繪插畫或互動網站 Demo，涵蓋圖片風格轉網站、餐牌網店及兩種商品品牌網站創作。不含09。網站屬前端 Demo，不含後端或正式付款；圖片生成需相應工具，用量可能另收費。 Five Skills turn photos, menus and product images into hand-drawn illustrations or interactive website demos, covering image-inspired sites, menu storefronts and two product-brand approaches. Skill 09 excluded. Frontend demos only; no backend or live payments. Image generation requires compatible tools; usage may cost extra.
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.
Run and customize a complete hand-painted 2D action RPG chapter with manual combos, seven automatic skills, gems, equipment, ten rooms, a phased boss, saves and A/B training. Includes full source, local art, a ready-to-play build, reusable Agent Skill instructions and verification helpers.
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.
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.
Make original mandala and geometric pattern coloring books from geometry code, not AI images, on your own computer: mandalas, Truchet curves, hexagon stars, fish scales, kaleidoscope tiles and triangle mosaics as clean vector line art. Simple, medium or detailed levels, a new seed for every page, single-sided layout. Output a KDP-ready interior with cover size and checklist, or Letter/A4 printables with 300 DPI PNGs. No API key, no image credits.
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.