Design and build distinctive, production-ready frontend interfaces with intentional typography, color, layout, and motion—without generic AI aesthetics.
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.
The skill that gives a web or mobile interface a unique visual identity. It creates designs that are deliberately opinionated—focused on typography‑driven layouts, near‑monochrome palettes with a single accent, and deep dark themes. The skill rejects generic default looks, follows the client brief, and audits every output token. It guides the designer through constant‑setting, subject pinning, and signature creation, ensuring each project has a distinctive, non‑templated aesthetic.
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.
Create polished, animation-rich HTML presentations from scratch or convert PowerPoint decks into responsive web slides.
I build and run the web-scraping engine behind a production AI assistant. The hardest sites on the web — JavaScript-heavy apps, empty sitemaps, and content behind search forms — hand a normal crawler nothing but cookie banners. Over months I learned to make them give up clean data: render fully, find the hidden pages by search, dedup by stable IDs, and quality-gate every page so junk never reaches your dataset. I've distilled that pipeline into this Skill — self-healing and cost-capped.
Find where users get stuck when GA4 only shows that conversion dropped. This download skill turns Clarity, Hotjar, FullStory, LogRocket, or Mouseflow sessions into a focused UX friction audit with segment samples, rage/dead-click patterns, quick backs, JS-error clues, frequency counts, confidence levels, and ICE-scored design fixes written to journal/user-behavior-audits/.
Most broken skills are not broken. They load, they validate, and they are never invoked - because the description does not match how anyone actually asks. Covers the one-character YAML mistake that makes frontmatter load empty with no error, how to write a description as a match target rather than a summary, and how to prove invocation in two steps instead of hoping.
Visual Explainer turns your code, systems, data, and plans into clean HTML pages instead of messy terminal text. Ask it to diagram an architecture, review a diff, audit a plan against the codebase, compare requirements in a table, or build a slide deck, and it generates a self-contained page with real typography, Mermaid diagrams, and charts. The visual explainer for technical work, ready in chat.