---
title: "Design - Air Market"
description: "593 listings in Design on Air Market, with what each one does and who publishes it."
canonical: "https://airmarket.ai/category/design"
---

[Air Market](/) / [Categories](/categories) / Design

Category

# Design

593 published listings in Design on Air Market.

**Published listings, with what each one does**

| Listing | Kind | Publisher | What it does |
| --- | --- | --- | --- |
| [Frontend Design](/app/frontend-design) | Skill | Anthropic | You ask Claude to build a page - this skill makes the result look like a professional designer made it. Better fonts, colors and layout, wi… |
| [Hyperframes](/app/hyperframes) | Skill | HeyGen | You need a video: a promo, an explainer, captions on a clip, a title card or a deck that moves. You bring whatever you have, whether that i… |
| [HyperFrames Keyframes](/app/hyperframes-keyframes) | Skill | HeyGen | You are building a video in HyperFrames and want the picture itself to move: push in on a detail, drift across a photo, or swing from one s… |
| [General video](/app/general-video) | Skill | HeyGen | Sometimes you have a video to make or change and it doesn't fit any of the more specific tools. Maybe it's a longer piece with several scen… |
| [shadcn/ui](/app/shadcn) | Skill | shadcn-ui | You are building an app out of ready-made interface pieces, and you want to add a piece, fix one that broke, or change how everything looks… |
| [Impeccable](/app/impeccable) | Skill | Paul Bakaus | You have a screen or a page and something about it is off, or it is fine but flat. This works on the front of an interface: how it looks, h… |
| [Design Engineering](/app/emil-design-eng) | Skill | Emil Kowalski | You want an interface to feel considered rather than merely working, and the difference usually lives in details that are hard to name. Thi… |
| [Reviewing Animations](/app/review-animations) | Skill | Emil Kowalski | You have written animation code and you want an honest read on whether it is good. This reviews motion code against a demanding craft stand… |
| [Apple Design](/app/apple-design) | Skill | Emil Kowalski | You want an interface on the web that moves and feels the way Apple's do: gestures that respond, transitions you can interrupt, surfaces wi… |
| [Animation Vocabulary](/app/animation-vocabulary) | Skill | Emil Kowalski | You have seen a motion effect on the web and you can describe it but not name it. This works backwards from your description to the actual… |
| [Canvas Design](/app/canvas-design) | Skill | Anthropic | You need something to look at rather than read: a poster, a print piece, a piece of art. This creates original visual designs and hands the… |
| [Picking The Right Library](/app/pick-ui-library) | Skill | Emil Kowalski | You need a library for one specific frontend job and do not want to spend an afternoon comparing them. This gives an opinionated pick from… |
| [Anthropic Brand Styling](/app/brand-guidelines) | Skill | Anthropic | Something you are making needs to carry Anthropic's look, not just any styling you happen to pick. This applies Anthropic's official brand… |
| [Building Animations](/app/animate) | Skill | Emil Kowalski | You want something on screen to move and you are not sure where to start. This works through the decisions in the order that actually deter… |
| [Theme Factory Skill](/app/theme-factory) | Skill | Anthropic | You have just made something - slides, a document, a simple web page - and it looks plain, or each piece looks like it came from someone el… |
| [React View Transitions](/app/vercel-react-view-transitions) | Skill | Vercel Labs | You want your app to move the way a native app moves, and you'd rather not pull in an animation library to get it. This is a guide to React… |
| [Algorithmic Art](/app/algorithmic-art) | Skill | Anthropic | You want a picture or pattern nobody has made before, and drawing it by hand is not going to happen. This makes one for you out of code, in… |
| [Working With Sonner](/app/ask-sonner) | Skill | Emil Kowalski | You are using Sonner for toast notifications in React and something is off: nothing appears, it appears twice, the styling is ignored, or i… |
| [Site Architecture](/app/site-architecture) | Skill | Corey Haines | You are building a website, or fixing one that has grown messy, and you need to decide which pages it should have and how they fit together… |
| [GSAP](/app/gsap) | Skill | HeyGen | You are writing GSAP animation inside a HyperFrames composition and need the details to hand. This is the reference: the tween methods, eas… |
| [Design System](/app/design-system) | Skill | Next Level Builder | You are building an interface and every color, gap and font size is a fresh decision, so nothing quite matches. This sets those decisions u… |
| [Design](/app/design) | Skill | Next Level Builder | You are putting a product or company out into the world and it needs to look the part: a logo, banners, icons, social media pictures, slide… |
| [CSS Animations for HyperFrames](/app/css-animations) | Skill | HeyGen | You want motion done in plain CSS, but HyperFrames has to be able to scrub through it in preview and in the final render without it going w… |
| [Slides](/app/slides) | Skill | Next Level Builder | You have a talk coming up and need actual slides, not another outline sitting in a document. This builds the deck for you as web pages, wor… |
| [Tailwind Design System (v4)](/app/tailwind-design-system) | Skill | Seth Hobson | Your interface has drifted, with slightly different spacing, colours, and buttons in every corner. This helps you settle on a shared set of… |
| [Anime.js for HyperFrames](/app/animejs) | Skill | HeyGen | You are building animation inside HyperFrames and using Anime.js, and it needs to land the same way every time it renders rather than drift… |
| [GSAP Core](/app/gsap-core) | Skill | GreenSock | You want something on a page to move and you are choosing how to make it happen. GSAP is an animation library that works in React, Vue, or… |
| [GSAP ScrollTrigger](/app/gsap-scrolltrigger) | Skill | GreenSock | You want things on the page to react as someone scrolls: a section that sticks while content moves past, layers drifting at different speed… |
| [GSAP Performance](/app/gsap-performance) | Skill | GreenSock | Your animation works but it stutters, and you would like it smooth. This covers the usual causes: animating properties that force the brows… |
| [GSAP Timeline](/app/gsap-timeline) | Skill | GreenSock | You have several animations and you need them to happen in a particular order, which quickly stops being manageable with delays. A timeline… |
| [GSAP Plugins](/app/gsap-plugins) | Skill | GreenSock | Basic animation gets you a long way, then you want something specific: scroll to a spot, drag an element, split text into pieces, draw a li… |
| [GSAP with React](/app/gsap-react) | Skill | GreenSock | You are adding motion to a React or Next.js component, and the tricky part is not the animation but the wiring: reaching the right elements… |
| [GSAP with Vue, Svelte, and Other Frameworks](/app/gsap-frameworks) | Skill | GreenSock | You are animating inside a Vue, Nuxt, Svelte, or SvelteKit component and the awkward parts are the edges: when to start, which elements you… |
| [Excalidraw Diagram Generator](/app/excalidraw-diagram-generator) | Skill | GitHub | You can describe the diagram in a sentence but drawing it takes ages. Say what you want in plain language and this produces an Excalidraw f… |
| [Stitch Build Loop](/app/stitch-loop) | Skill | Google Labs Code | Building a site is not one step, it is many rounds of making and adjusting, and normally you have to push it forward each time. This teache… |
| [Details that make interfaces feel better](/app/make-interfaces-feel-better) | Skill | Jakub Krehel | Your interface does what it should, but it looks a little unloved and you cannot say why. This is a set of design principles for exactly th… |
| [Android Mobile Design](/app/mobile-android-design) | Skill | Seth Hobson | You are building a native Android app and want the interface to feel right rather than improvised. This covers Google's Material Design 3 g… |
| [iOS Mobile Design](/app/mobile-ios-design) | Skill | Seth Hobson | You are building a native iOS app and want it to feel like the rest of the phone rather than a port. This covers Apple's Human Interface Gu… |
| [Stitch to Remotion Walkthrough Videos](/app/remotion) | Skill | Google Labs Code | You have a set of screens and need to show them to someone who will not click through a design tool. This turns a Stitch project into a wal… |
| [Responsive Design](/app/responsive-design) | Skill | Seth Hobson | Your page looks right on one screen and falls apart on another. This covers the modern CSS for layouts that adapt, including components tha… |
| [Interaction Design](/app/interaction-design) | Skill | Seth Hobson | An interface can work correctly and still feel flat: nothing moves, nothing acknowledges you, loading is a blank pause. This is about those… |
| [Design System Patterns](/app/design-system-patterns) | Skill | Seth Hobson | Your interface has drifted - colors and spacing differ between screens and nobody can say what the real values are. This covers putting a s… |
| [Fixing Motion Performance](/app/fixing-motion-performance) | Skill | Julien Thibeaut | An animation that stutters makes a whole product feel cheap, and the cause is rarely obvious from the code. This audits your CSS and JavaSc… |
| [React Native Design](/app/react-native-design) | Skill | Seth Hobson | You are building a phone app with React Native and the visual side needs work: styling, how screens flow into each other, and motion that d… |
| [Accessibility Compliance](/app/accessibility-compliance) | Skill | Seth Hobson | Some people use your interface with a screen reader, a keyboard, or other assistive technology, and interfaces often quietly fail them. Thi… |
| [Baseline UI](/app/baseline-ui) | Skill | Julien Thibeaut | Sometimes an interface works but looks unfinished - the gaps are uneven, the text sizes wander, nothing stands out. This does a quick clean… |
| [Visual Design Foundations](/app/visual-design-foundations) | Skill | Seth Hobson | Screens can end up looking assembled rather than designed, with mismatched type, colors and spacing. This covers the underlying principles… |
| [Web Design Reviewer](/app/web-design-reviewer) | Skill | GitHub | You have a site running and something about it looks off, but you are not sure what or where. This looks at the site as rendered - local or… |
| [Web Component Design](/app/web-component-design) | Skill | Seth Hobson | Shared UI components tend to drift into near-copies with confusing props. This covers component patterns across React, Vue and Svelte - CSS… |
| [Fixing Accessibility](/app/fixing-accessibility) | Skill | Julien Thibeaut | Not everyone uses a mouse or sees colours the same way, and interfaces often quietly exclude them. This audits your HTML and fixes the prob… |
| [WCAG Audit Patterns](/app/wcag-audit-patterns) | Skill | Seth Hobson | You need to know whether your site works for people using it with assistive technology, and where it fails. This covers accessibility audit… |
| [Penpot UI/UX Design Guide](/app/penpot-uiux-design) | Skill | GitHub | You need to design an interface in Penpot - a screen, a form, a whole design system - and you want it to hold up to normal standards rather… |
| [Taste Design](/app/taste-design) | Skill | Google Labs Code | You have a design brief in your head, but the interfaces that come back look generic. This writes a design document that coding agents read… |
| [Nano Banana Pro OpenRouter](/app/nano-banana-pro-openrouter) | Skill | GitHub | You need a picture and would rather describe it than draw it. This generates images from a prompt, edits images you already have, and can c… |
| [Image Manipulation with ImageMagick](/app/image-manipulation-image-magick) | Skill | GitHub | You have images that are the wrong size or the wrong format, and possibly a lot of them. This handles resizing, converting between formats,… |
| [UnoCSS](/app/unocss) | Skill | Anthony Fu | You style with utility classes and want the engine to be yours to shape rather than a fixed set. UnoCSS is an atomic CSS engine and a super… |
| [SendCutSend](/app/sendcutsend) | Skill | earthtojake | You are about to order laser-cut or machined parts from SendCutSend and you want to know your file will not come back rejected. This review… |
| [G-code](/app/gcode) | Skill | earthtojake | You have a 3D model file and you need gcode a printer will accept. This drives real slicer programs to produce it, and it can look at the m… |
| [Wowerpoint](/app/wowerpoint) | Skill | Alex Newman | You have a report or another single document, and you want people to see it as slides instead of reading the file itself. This turns that o… |
| [Design Is](/app/design-is) | Skill | Alex Newman | You have made an interface or a design, and you are not sure it is good. Ask for a review, and this checks your work against Dieter Rams' w… |
| [Improve UI](/app/improve-ui) | Skill | Julien Thibeaut | You want an honest look at your interface, but you do not want someone rebuilding it in their own taste. This reviews a product surface aga… |
| [Figma MCP](/app/figma) | Skill | OpenAI | You have a Figma link and you need the real design behind it - the values, the images, the screenshots - not your best guess from looking a… |
| [Immersive Frontend UI Craftsmanship](/app/premium-frontend-ui) | Skill | GitHub | You are building a web interface and want it to feel considered rather than assembled from defaults. This is a guide for Copilot covering m… |
| [Video Editing](/app/video-editing) | Skill | Affaan Mustafa | You have raw footage and want a finished video, but you are not sure how to get from one to the other. This helps with cutting, arranging a… |
| [Design Critique](/app/design-critique) | Skill | Anthropic | You have a screen or a mockup and you want an honest read on it. This gives you structured feedback on how usable it is, whether the import… |
| [Pretext Creative Demos](/app/pretext) | Skill | Nous Research | If you want to make something expressive in the browser with text, the usual page layout can get in the way. This helps you build creative… |
| [TouchDesigner Integration (twozero MCP)](/app/touchdesigner-mcp) | Skill | Nous Research | TouchDesigner is a visual tool you normally operate by hand. If you would rather ask for changes in words than click through it, this conne… |
| [tldraw offline Skill](/app/tldraw-offline) | Skill | Nous Research | If you sketch in tldraw offline, making changes by hand can be slow. This lets an agent drive and script your offline tldraw canvases. Reac… |
| [Sketch](/app/sketch) | Skill | Nous Research | You have a design idea and aren't sure which way to take it. This makes a few quick HTML mockups, each a different version, so you can comp… |
| [Popular Web Designs](/app/popular-web-designs) | Skill | Nous Research | Starting a web design from a blank page is hard, and many people want their site to feel like products they admire. This gives you real des… |
| [HeartMuLa - Open-Source Music Generation](/app/heartmula) | Skill | Nous Research | You have lyrics and an idea of how the song should sound, but no way to produce it. This makes a song from your lyrics and a few tags descr… |
| [Concept Diagrams](/app/concept-diagrams) | Skill | Nous Research | Explaining an idea is often easier with a picture, but drawing one takes time. This makes flat, minimal diagrams for teaching and explainin… |
| [Article Illustrator](/app/baoyu-article-illustrator) | Skill | Nous Research | You are writing an article and want pictures to go with it, but you want them to look like they belong together. This works with you on ill… |
| [Architecture Diagram Skill](/app/architecture-diagram) | Skill | Nous Research | Sometimes you need to show how a system, a cloud setup or an infrastructure fits together, and a picture explains it better than text. This… |
| [Unreal Engine MCP Skill](/app/unreal-mcp) | Skill | Nous Research | Building scenes in Unreal Engine means a lot of repeated work in the editor. This automates the editor: scenes, actors and renders. Reach f… |
| [Pixel Art](/app/pixel-art) | Skill | Nous Research | If you want art that looks like it came from an old game console, the colours matter as much as the pixels. This makes pixel art using colo… |
| [ComfyUI](/app/comfyui) | Skill | Nous Research | When you need a picture, a video or a sound made from scratch, this can generate it. It uses ComfyUI, which builds media through step-by-st… |
| [Claude Design for CLI/API Agents](/app/claude-design) | Skill | Nous Research | Sometimes you need a quick page to show something: a landing page, a few slides, or a rough prototype. This helps you design that as a sing… |
| [Adversarial UX Test](/app/adversarial-ux-test) | Skill | Nous Research | You built something, and you are too close to it to see where it annoys people. This has Claude play a hostile user who pushes on your prod… |
| [ASCII Video Production Pipeline](/app/ascii-video) | Skill | Nous Research | You have a video or an audio file and want it to look like it was drawn in colored text characters. This takes that file and gives you back… |
| [ASCII Art Skill](/app/ascii-art) | Skill | Nous Research | Sometimes you want a picture or a bit of decoration somewhere that only shows plain text. This skill makes ASCII art, which is pictures bui… |
| [UI Styling Skill](/app/ui-styling) | Skill | Next Level Builder | You are building the screens of an app and want them to look good and work for everyone, including people who rely on accessibility feature… |
| [Brand](/app/brand) | Skill | Next Level Builder | You are making content or marketing material and it needs to match how your brand speaks and looks. This helps you write with a steady tone… |
| [UX Heuristics Framework](/app/ux-heuristics) | Skill | wondelai | Users keep getting confused and you cannot pin down where. This evaluates an interface against well-established usability rules, rates how… |
| [Chakra UI Builder](/app/chakra-ui-builder) | Skill | Chakra | You are building an interface with Chakra UI and want the component, the setup, or the theme handled properly. This builds responsive, acce… |
| [Accessibility Review](/app/accessibility-review) | Skill | Anthropic | Before a design goes to the people who will build it, it is worth knowing who cannot use it. This audits a design or page against the WCAG… |
| [Stitch to React + Vite Dashboard](/app/react-vite-dashboard) | Skill | Google Labs Code | You have a dashboard designed in Stitch and now it has to become an actual front end. This builds it out as a React and Vite project, pulli… |
| [Refactoring UI Design System](/app/refactoring-ui) | Skill | wondelai | Your web interface works but looks unprofessional and you cannot point at the reason. This audits and fixes the visual side: hierarchy, spa… |
| [Stitch Design Taste](/app/stitch-design-taste) | Skill | Leon Lin | You are designing interfaces in Google Stitch and want them to look premium, not generic. This writes your design standard down in a DESIGN… |
| [Minimalist UI](/app/minimalist-ui) | Skill | Leon Lin | If your interface feels loud or glossy and you want it quieter, this gives it a clean, editorial look closer to a printed page. It uses a w… |
| [Industrial Brutalist UI](/app/industrial-brutalist-ui) | Skill | Leon Lin | You are building an interface and want it to look hard-edged and mechanical, not soft or polished. This gives you a set design style to fol… |
| [HARD OUTPUT RULE - READ FIRST](/app/imagegen-frontend-web) | Skill | Leon Lin | You are planning a landing page or marketing site and want visual references before building. This generates a separate wide image for each… |
| [Mobile Screen Concepts](/app/imagegen-frontend-mobile) | Skill | Leon Lin | You have an idea for a phone app, but for now it only exists in your head or in a few sentences. This turns that idea into images of what t… |
| [GPT Taste](/app/gpt-taste) | Skill | Leon Lin | You are building a web page and don't want it to look like every other safe, middle-of-the-road design. This takes firm positions on how th… |
| [Redesign Skill](/app/redesign-existing-projects) | Skill | Leon Lin | You built something with AI help, it works, but it has that flat, same-as-everything look. This goes through your existing site or app, poi… |
| [Image To Code](/app/image-to-code) | Skill | Leon Lin | You want a website built and you care how it looks. Instead of jumping straight into code, this makes the assistant draw the design as pict… |
| [High End Visual Design](/app/high-end-visual-design) | Skill | Leon Lin | You asked for a website and got back something that looks like every other website: the same safe layout, the same flat boxes. That is the… |
| [Frontend Design Taste](/app/design-taste-frontend) | Skill | Leon Lin | You need a landing page or a portfolio, and everything built for you lately comes out looking the same. This is for that. It designs the fr… |
| [BRANDKIT IMAGE GENERATION SKILL](/app/brandkit) | Skill | Leon Lin | You need to show what a brand looks like, not just describe it: guideline boards, a logo system, an identity deck. This generates those ima… |
| [Web Typography](/app/web-typography) | Skill | wondelai | You are choosing fonts for a website and are not sure what pairs well, how big things should be, or why the text flashes when the page load… |
| [Ant Design Theme Customization](/app/antd-theme-customization) | Skill | Ant Design Team | You are building with Ant Design and the standard look does not fit your product. You want your own colors, your own spacing, a style that… |
| [Understand Figma](/app/understand-figma) | Skill | EgonexAI | You have a Figma file and want to understand what is in it and how the pieces relate. This reads the file and builds an interactive map of… |
| [Design Handoff](/app/design-handoff) | Skill | Anthropic | The design is done and now engineering needs to know exactly how to build it. This writes the spec sheet: layout, the tokens, what each com… |
| [Visual Edit Precision](/app/visual-edit-precision) | Skill | Seth Hobson | Describing a UI change in words is awkward, and the wrong element gets changed. This lets you point at what you mean - a selection, an anno… |
| [iOS Human Interface Guidelines Design Skill](/app/ios-hig-design) | Skill | wondelai | You are building an app for iPhone or iPad and it works, but it does not feel like the other apps on the phone. This helps you follow Apple… |
| [Create DESIGN.md](/app/create-design-md) | Skill | Julien Thibeaut | Your product has a look, but it lives in people's heads and in the code, not in any document. This reads an existing repository or public s… |
| [PPTX Visual Assets](/app/pptx-visual-assets) | Skill | Seth Hobson | Your slides need pictures - an icon, a chart-style diagram, an illustration - and you have to choose from what you are allowed to use and t… |
| [PPTX Slide Specification](/app/pptx-slide-specification) | Skill | Seth Hobson | Before a slide deck gets built, someone has to say what goes where. This helps you write that plan out precisely, position by position, and… |
| [PPTX Reference Deck Analysis](/app/pptx-reference-deck-analysis) | Skill | Seth Hobson | Someone sends you a slide deck and you need to know how it was put together - the fonts, the colors, the layouts, the spacing. This reads t… |
| [PPTX Quality Gates](/app/pptx-quality-gates) | Skill | Seth Hobson | A deck can look fine on screen and still be broken: shapes off their grid, text nobody using a screen reader can follow, slides that turned… |
| [PPTX Deck Context](/app/pptx-deck-context) | Skill | Seth Hobson | Before you start putting slides together, it helps to know what the deck is arguing, where its facts come from, and how it should look. Thi… |
| [Draw.io Diagram Generator](/app/draw-io-diagram-generator) | Skill | GitHub | You need a diagram and you do not want to drag boxes around for an hour. Describe what you want and this produces a draw.io file you can op… |
| [Shotcut CLI](/app/cli-anything-shotcut) | Skill | ✨Data Intelligence Lab@HKU✨ | Some people would rather type what they want than click and drag it into place on a timeline. This lets you work on video in Shotcut, a vid… |
| [Kdenlive CLI](/app/cli-anything-kdenlive) | Skill | ✨Data Intelligence Lab@HKU✨ | Video editing usually means dragging clips around a timeline by hand. This lets you edit video with Kdenlive by typing commands instead. Us… |
| [GIMP CLI](/app/cli-anything-gimp) | Skill | ✨Data Intelligence Lab@HKU✨ | Image edits are usually made by hand in an editor. This lets you, or an AI agent working for you, edit images by typing commands. Use it wh… |
| [Blender CLI](/app/cli-anything-blender) | Skill | ✨Data Intelligence Lab@HKU✨ | Blender is usually worked through its busy on-screen editor. This lets you edit 3D scenes by typing commands instead. Use it when you would… |
| [Audacity CLI](/app/cli-anything-audacity) | Skill | ✨Data Intelligence Lab@HKU✨ | Sometimes you need to change a sound file but would rather type commands than click through an editor. This gives you a way to edit audio w… |
| [Draw.io CLI](/app/cli-anything-drawio) | Skill | ✨Data Intelligence Lab@HKU✨ | Diagrams are usually drawn by hand in an editor, one box and arrow at a time. This lets you create, change and export Draw.io diagrams by t… |
| [Live2D CLI](/app/cli-anything-live2d) | Skill | ✨Data Intelligence Lab@HKU✨ | If you work with Live2D Cubism characters, keeping model files correct and getting them out can mean a lot of manual checking. This lets yo… |
| [3MF CLI](/app/cli-anything-3mf) | Skill | ✨Data Intelligence Lab@HKU✨ | You have a 3D print file where a hole is the wrong size or the model is damaged. This edits the file itself: it finds round holes and resiz… |
| [MuseScore CLI Skill](/app/musescore) | Skill | ✨Data Intelligence Lab@HKU✨ | You have a piece of written music and need it in another key, as a printout, as something to listen to, or split into parts for each player… |
| [Krita CLI](/app/cli-anything-krita) | Skill | ✨Data Intelligence Lab@HKU✨ | Krita is a digital painting program that you normally use by clicking its on-screen tools. If you'd rather type commands than click around,… |
| [FreeCAD CLI](/app/cli-anything-freecad) | Skill | ✨Data Intelligence Lab@HKU✨ | Designing parts in 3D usually means working in a full CAD app. This lets you do that work in FreeCAD by typing commands, from basic shapes… |
| [BMad UX](/app/bmad-ux) | Skill | BMad Code Org | You are planning a product and your ideas about how it should look and work are still unwritten. This captures that vision in two documents… |
| [Sally - UX Designer](/app/bmad-agent-ux-designer) | Skill | BMad Code Org | Sometimes you need to think about how something looks and feels to use, not just how it's built. This gives you a UX and UI designer to tal… |
| [Top Design](/app/top-design) | Skill | wondelai | Your site works but nobody remembers it. This is for making web experiences at the level of the agencies that get featured on Awwwards: big… |
| [Lottie Animation Principles](/app/lottie-bodymovin) | Skill | Calesthio | You are shipping animations exported from After Effects as Lottie files and want the motion to feel properly animated. Disney's twelve anim… |
| [Framer Motion Animation Principles](/app/framer-motion) | Skill | Calesthio | Your React animations work but feel flat or stiff. Disney's twelve animation principles are the long-standing rules animators use to make m… |
| [Pose Library Design](/app/pose-library-design) | Skill | Calesthio | You are animating 2D characters and keep rebuilding the same poses each time. This is about designing a library you reuse instead: the pose… |
| [SVG Character Animation](/app/svg-character-animation) | Skill | Calesthio | You have a character built as an SVG rig and need to make it move. This covers animating it with GSAP and CSS transforms, controlling it fr… |
| [Face Swap (HeyGen API)](/app/faceswap) | Skill | Calesthio | You have a video and you want a different person's face in it, taken from a photo. This handles that swap. Useful when you are making a ver… |
| [Create Video](/app/create-video) | Skill | Calesthio | You have an idea for a video but no strong opinion yet about who presents it, what voice they use, or how the scenes break down. Describe i… |
| [Character Rigging](/app/character-rigging) | Skill | Calesthio | Before a 2D character can be animated, it has to be built to move: split into parts, with hinges in the right places and rules about what f… |
| [Canvas Procedural Animation](/app/canvas-procedural-animation) | Skill | Calesthio | You want things on screen to move - a character walking, snow falling, a bounce with some give to it - and you want it running locally rath… |
| [Video Translation (HeyGen)](/app/video-translate) | Skill | Calesthio | You have a finished video and an audience that speaks another language. This makes a dubbed version, either with the speaker's lips matched… |
| [Video Edit](/app/video-edit) | Skill | Calesthio | You have raw footage and need it shorter, joined up, or small enough to post. This handles the common video chores on your own computer: cu… |
| [Grok Media](/app/grok-media) | Skill | Calesthio | You are generating images or video with xAI's Grok and need to know how to call it. This covers signing in, which endpoints to use, how to… |
| [Character Animation QA](/app/character-animation-qa) | Skill | Calesthio | You have a character animation running locally and want to know whether it is right before you call it done. This checks the underlying dat… |
| [Visual Style](/app/visual-style) | Skill | Calesthio | You are making slides, videos or mockups and want them all to look like they belong together. This writes the look down in one reusable fil… |
| [Avatar Video](/app/avatar-video) | Skill | Calesthio | You need a video of a person speaking and you already know what it should be: this face, this voice, these exact words. This gives you that… |
| [Image Generation](/app/image-generation) | Skill | ✨Data Intelligence Lab@HKU✨ | Sometimes you need a picture and the first try is not quite it. This makes images and lets you go back to a saved one and keep editing it,… |
| [Microinteractions Framework](/app/microinteractions) | Skill | wondelai | Everything in your interface works, but using it feels flat - nothing reacts, nothing confirms. This is about the small details: what trigg… |
| [Video](/app/video) | Skill | Corey Haines | You need a video and you would rather generate or assemble it than film it. This covers producing video with AI tools and with code-based f… |
| [Image](/app/image) | Skill | Corey Haines | You need a picture for a blog post, a banner for a profile, or a decent shot of a product, and nobody handed you a designer. This helps you… |
| [Create Figma File](/app/figma-create-new-file) | Skill | OpenAI | You need somewhere new to put a design or a whiteboard. This makes a blank Figma or FigJam file for you, and sorts out the account details… |
| [Visual Verdict](/app/visual-verdict) | Skill | Bellman | You have a screenshot and something it was supposed to look like, and you need a call on whether it matches. This produces a structured ver… |
| [Generate Image](/app/generate-image) | Skill | GitHub | You need an image - an icon, a texture, a sprite, a mockup - and you do not want to go and make one by hand. This generates it for you. You… |
| [Hook Model Framework](/app/hooked-ux) | Skill | wondelai | People try your product and then drift away. This uses a four-part loop - something prompts them, they do a small thing, they get a reward… |
| [PPT Template Creator](/app/ppt-template-creator) | Skill | Anthropic | If your team starts every deck from the same PowerPoint template, this turns that template into a reusable skill of its own, ready to be us… |
| [Design of Everyday Things Framework](/app/design-everyday-things) | Skill | wondelai | People keep getting stuck or doing the wrong thing in your product, and it is not obvious why. This applies the classic design ideas: what… |
| [Lean UX Framework](/app/lean-ux) | Skill | wondelai | Your design work is producing thick documents that nobody reads while the real questions stay unanswered. This brings lean thinking to UX:… |
| [Image Generation (AI SDK)](/app/baoyu-image-gen) | Skill | Jim Liu 宝玉 | You need a picture and only have words for it. This generates images from text across a range of providers, can work from a reference pictu… |
| [Gemini Web Client](/app/baoyu-danger-gemini-web) | Skill | Jim Liu 宝玉 | You want images or text out of Gemini, or another skill needs something to generate pictures for it. This reaches Gemini's web API to do th… |
| [Behavior Design Framework](/app/improve-retention) | Skill | wondelai | People sign up and then never really start using the thing. This helps you find where they fall off and fix it, by looking at what makes a… |
| [Asset Audit Report -- \[Category\] -- \[Date\]](/app/asset-audit) | Skill | Donchitos | Your game's art and audio files have drifted out of line with the rules you set for them, and some of them nothing even uses any more. This… |
| [Design Sprint Framework](/app/design-sprint) | Skill | wondelai | Your team keeps arguing about whether to build something, and the argument never resolves. This walks you through a five-day process: map t… |
| [Tldraw](/app/tldraw) | Skill | Daniel Miessler 🛡️ | Sometimes you want a diagram you can grab and move, not a finished picture. This writes boxes, arrows, sticky notes and text into a canvas… |
| [Webdesign](/app/webdesign) | Skill | Daniel Miessler 🛡️ | You need a web page or an interface, and you would rather describe it than draw it. This writes the design as real front-end work, and can… |
| [Figma Expert](/app/figma-expert) | Skill | RightNow | Design files get messy, and the mess shows up later when someone builds from them. This brings Figma expertise: components, auto-layout, de… |
| [CSS Expert](/app/css-expert) | Skill | RightNow | You know roughly what you want the page to look like, and CSS is not cooperating. This brings CSS expertise: flexbox, grid, animations, res… |
| [Video Clipping Expert Knowledge](/app/clip-hand-skill) | Skill | RightNow | You have a long video and you want short pieces of it, ideally with captions. That usually means four separate tools and a lot of guessing.… |
| [Paper Illustration Image2](/app/paper-illustration-image2) | Skill | Yang Ruofeng | You need an illustration good enough for publication and you want to try a different image generator than the one you already have. This is… |
| [Mermaid Diagram Generator](/app/mermaid-diagram) | Skill | Yang Ruofeng | You need a diagram - a flowchart, a sequence, a timeline - and drawing one by hand is slow. Say what it should show and this writes it as a… |
| [SEO Image Generation](/app/seo-image-gen) | Skill | Agrici.Daniel | You have a page to publish and no picture for it. This makes them: the small image that shows up when someone shares your link, a header im… |
| [PptxGenJS Slide Making Skill](/app/slide-making-skill) | Skill | MiniMax | You are building PowerPoint slides with code rather than clicking around in PowerPoint, one slide at a time. This covers how to size and pl… |
| [Slide Page Types (Standard)](/app/ppt-orchestra-skill) | Skill | MiniMax | You need a presentation with a lot of slides and you do not want them all to look alike or read badly. This helps you plan the deck first:… |
| [Editing Presentations](/app/ppt-editing-skill) | Skill | MiniMax | You have a PowerPoint file or a template and you need to change what is in it without corrupting it. This works through the deck's underlyi… |
| [UI Components and Styling](/app/ui-components) | Skill | Elie Steinbock | New interface work tends to drift from what is already there. This carries the guidelines for building and styling components with Shadcn U… |
| [Stable Diffusion Image Generation](/app/stable-diffusion-image-generation) | Skill | Orchestra Research | You need pictures and you would rather describe them than draw them. This covers generating images from text with Stable Diffusion, reworki… |
| [Accessibility Checklist](/app/validating-accessibility) | Skill | tambo ai | Some people use your interface with a keyboard or a screen reader, and buttons, forms and dialogs are where that usually breaks. This check… |
| [Styling Compound Wrappers](/app/creating-styled-wrappers) | Skill | tambo ai | You have unstyled base components and you want opinionated, styled versions of them for your app. This builds those wrappers, or moves exis… |
| [Building Compound Components](/app/building-compound-components) | Skill | tambo ai | You are building interface pieces that other people, or other parts of your app, will style themselves. This creates them so the behaviour… |
| [Web Design Engineer](/app/web-design-engineer) | Skill | ConardLi | You need something that looks good in a browser - a page, a dashboard, a prototype, a deck, a chart. This builds or redesigns it in HTML, C… |
| [Stitch to React Native Components](/app/stitch-react-native) | Skill | Google Labs Code | You have a design in Stitch and need it as mobile components, or you already built them and the design has since moved on. This converts St… |
| [Upload to Stitch](/app/stitch-upload-to-stitch) | Skill | Google Labs Code | You have files on your machine - mockups, images, HTML, design notes - that need to be in a Stitch project, and sometimes the direct route… |
| [Stitch to React Components](/app/stitch-react-components) | Skill | Google Labs Code | Designs keep changing after the code is written, and updating components by hand is where things drift apart. This converts Stitch designs… |
| [Manage Design System](/app/stitch-manage-design-system) | Skill | Google Labs Code | Your design rules and assets need somewhere to live, and then they need to actually reach the screens you are working on. This handles both… |
| [Stitch Code to Design](/app/stitch-code-to-design) | Skill | Google Labs Code | You already have a working front end, and now you want it in Stitch as a design. This handles the move: it pulls out the static HTML, extra… |
| [Generate Design](/app/stitch-generate-design) | Skill | Google Labs Code | You need a screen and would rather describe it than draw it, or you have one and want to change it without starting over. This generates sc… |
| [Extract Design System](/app/stitch-extract-design-md) | Skill | Google Labs Code | You have inherited a front end and nobody wrote down the colors, spacing, or type rules - they are scattered through components and config… |
| [PPTX Author](/app/pptx-author) | Skill | Anthropic | Sometimes you need a PowerPoint file but there is no PowerPoint open to work in, which is usually the case when an agent is running on its… |
| [UI](/app/ui) | Skill | Tw93 | You have a screen that functions fine but looks unclear, ugly, or inconsistent. This builds and polishes the visual side: pages, components… |
| [Seedance Japanese Vocabulary](/app/seedance-vocab-ja) | Skill | Iamemily2050 | You want to write or read a Seedance 2.0 prompt in Japanese and the film terms do not carry across directly. This gives Japanese cinematic… |
| [Seedance Spanish Vocabulary](/app/seedance-vocab-es) | Skill | Iamemily2050 | You want to write or read a Seedance 2.0 prompt in Spanish and the film terms do not translate word for word. This gives Spanish cinematic… |
| [Seedance Short Prompt](/app/seedance-prompt-short) | Skill | Iamemily2050 | Long Seedance 2.0 prompts often carry words that are not doing anything. This produces a compact version, in English or in Chinese, and rem… |
| [Seedance Short Interview](/app/seedance-interview-short) | Skill | Iamemily2050 | Sometimes you roughly know the Seedance 2.0 video you want and do not need a long conversation about it. This asks a short set of director-… |
| [Seedance Chinese Vocabulary](/app/seedance-vocab-zh) | Skill | Iamemily2050 | You are writing a prompt for Seedance 2.0 video and you want it in Chinese, but you do not know how a camera move, a light, or a sound cue… |
| [Seedance Russian Vocabulary](/app/seedance-vocab-ru) | Skill | Iamemily2050 | You are writing a prompt for Seedance 2.0 video and you want it in Russian, but you do not know how a camera move, a light, or a sound cue… |
| [Seedance Korean Vocabulary](/app/seedance-vocab-ko) | Skill | Iamemily2050 | You are writing a prompt for Seedance 2.0 video and you need it in Korean, but you are not sure how a camera move, a light, or a sound cue… |
| [Seedance English Vocabulary](/app/seedance-vocab-en) | Skill | Iamemily2050 | English prompts fill up with padding and empty quality words, and the result reads generic. This replaces that with precise production voca… |
| [Seedance Filter](/app/seedance-filter) | Skill | Iamemily2050 | Your Seedance 2.0 prompt was blocked, rejected, or came back quietly worse than you asked for. This rewrites it into a safer version that s… |
| [Seedance Chinese Examples](/app/seedance-examples-zh) | Skill | Iamemily2050 | You're writing Seedance 2.0 prompts in Chinese and you'd rather see working examples than guess at the pattern. This gives you Chinese prom… |
| [Seedance Korean Examples](/app/seedance-examples-ko) | Skill | Iamemily2050 | You're writing Seedance 2.0 prompts in Korean and you'd rather see working examples than guess at the pattern. This gives you Korean prompt… |
| [Seedance Japanese Examples](/app/seedance-examples-ja) | Skill | Iamemily2050 | You're writing Seedance 2.0 prompts in Japanese and you'd rather see working examples than guess at the pattern. This gives you Japanese pr… |
| [Seedance Antislop](/app/seedance-antislop) | Skill | Iamemily2050 | Your Seedance 2.0 prompt is full of grand-sounding words that don't actually describe anything: stunning, cinematic, breathtaking. This rew… |
| [Seedance VFX](/app/seedance-vfx) | Skill | Iamemily2050 | Your Seedance 2.0 shot needs something that is not just people and places: fire, water, smoke, an explosion, weather, a transformation. Thi… |
| [Seedance Troubleshoot](/app/seedance-troubleshoot) | Skill | Iamemily2050 | A Seedance 2.0 generation came back wrong and you do not know why. This works back to the cause, whether the clip is blurry, jittery, morph… |
| [Seedance Style](/app/seedance-style) | Skill | Iamemily2050 | You know what happens in your Seedance 2.0 shot, but not what it should look like. This is for visual style: art direction, render feel, pe… |
| [Seedance Sequence](/app/seedance-sequence) | Skill | Iamemily2050 | Some ideas are too long for one Seedance 2.0 clip: a whole story, a campaign, a dense storyboard. This divides the idea into separate clips… |
| [Seedance Recipes](/app/seedance-recipes) | Skill | Iamemily2050 | Starting a Seedance 2.0 video from nothing is slower than starting from a shape that already works. This offers templates and genre recipes… |
| [Seedance Prompt](/app/seedance-prompt) | Skill | Iamemily2050 | You have a Seedance 2.0 shot in mind and the prompt is not doing it justice. This writes, improves, translates, shortens or debugs the prom… |
| [Seedance Motion](/app/seedance-motion) | Skill | Iamemily2050 | You know what happens in your Seedance 2.0 shot but not how to describe the movement. This is for body action, choreography, stunts, how ob… |
| [Seedance Lighting](/app/seedance-lighting) | Skill | Iamemily2050 | Your Seedance 2.0 shot is planned but the light in it is still guesswork. This is for working out the lighting: time of day, warmth or cool… |
| [Seedance Interview](/app/seedance-interview) | Skill | Iamemily2050 | You want to make a Seedance 2.0 video, but the idea is still loose. This interviews you the way a director would, then turns your answers i… |
| [Seedance Continuation](/app/seedance-continuation) | Skill | Iamemily2050 | You have footage you're happy with and you need what comes next, or the tail of the clip fell apart. This builds a follow-on prompt from th… |
| [Seedance Characters](/app/seedance-characters) | Skill | Iamemily2050 | Your character keeps changing between shots: different face, different clothes, hands that come out wrong. This covers holding a character'… |
| [Seedance Camera](/app/seedance-camera) | Skill | Iamemily2050 | You know roughly what the shot should feel like but not how to say it so it comes out right. This covers camera language for Seedance 2.0:… |
| [Seedance Audio](/app/seedance-audio) | Skill | Iamemily2050 | Your Seedance 2.0 clip has sound in it and the sound isn't behaving: lips off the dialogue, music not lining up, effects landing at the wro… |
| [Video Still Animator](/app/video-still-animator) | Skill | opensquilla | An AI video step in your pipeline got blocked by content moderation, and now the whole run has a hole in it where a clip should be. This ta… |
| [Subtitle Burner](/app/subtitle-burner) | Skill | opensquilla | You have a video and a separate subtitle file, and you want the words baked into the picture so they travel with it. This writes the SRT in… |
| [Video Merger](/app/video-merger) | Skill | opensquilla | A workflow has left you with a folder of short numbered MP4 clips and you need one video out of them. This concatenates them in order, opti… |
| [Title Card Image](/app/title-card-image) | Skill | opensquilla | Your video needs an opening or closing card - a headline, maybe a subtitle, on a solid colour. This renders one as a PNG. Nothing is genera… |
| [Steve Jobs Design Review](/app/steve-jobs-design-review) | Skill | wondelai | You have a product or feature and it feels bloated, or you cannot tell whether it is ready. This reviews it against Steve Jobs' standards:… |
| [Infographic Syntax Creator](/app/infographic-syntax-creator) | Skill | ThinkInAIXYZ | You have content and you want it laid out as an infographic, but the syntax for that is its own thing to learn. This writes it for you: it… |
| [Glassmorphism Design System Skill (Universal)](/app/glassmorphism) | Skill | Bergside | Your layout is flat and everything sits on one plane. This adds frosted glass: panels you can partly see through, a soft blur behind them,… |
| [Basic render with preview](/app/manimce-best-practices) | Skill | Adithya S K | If you are animating with Manim Community Edition, a lot of small conventions decide whether your scene works or fights you. This is the ac… |
| [Anti UI Slop](/app/anti-ui-slop) | Skill | GitHub | AI coding tools tend to produce interfaces that all look the same. This pulls design decisions from a public catalogue of real web and iOS… |
| [Critique](/app/critique) | Skill | Your Next Store | You have a design and you are too close to it to tell if it works. This looks at it as a user would: what draws the eye first, whether the… |
| [Interface Audit](/app/audit) | Skill | Your Next Store | You suspect your interface has problems but not which ones or which matter most. This audits it across accessibility, performance, theming… |
| [Number Details Skill](/app/number-details) | Skill | Meng To | You have a run of sections or items and want them to read as a sequence. This adds small numeric markers as a decorative detail. Reach for… |
| [Company Logos Skill](/app/company-logos) | Skill | Meng To | You have a row of company names sitting on the page as plain text and it looks unfinished. This swaps them for the actual logos, using Icon… |
| [Split Layout Technical Skill](/app/split-layout-technical) | Skill | Meng To | You want a page that feels precise and editorial rather than loud. This gives you a split-screen structure: two panels, thin frame lines, s… |
| [Orange Clean Paper SaaS Skill](/app/orange-clean-paper-saas) | Skill | Meng To | You want a product site that reads warm and calm rather than stark, with one accent color doing the pointing. This gives you paper-toned ne… |
| [Marquee Skill](/app/marquee-loop) | Skill | Meng To | You have a row of items you want sliding across the screen without stopping. Built by hand, the row runs out and the restart shows. This se… |
| [CSS Alpha Masking Skill](/app/css-alpha-masking) | Skill | Meng To | Content that runs to the edge of its box gets sliced off hard, and you want it to fade instead. This applies a CSS alpha mask with a linear… |
| [Corner Lasers Skill](/app/corner-lasers) | Skill | Meng To | You want a corner of the screen to look like light is coming from it: thin beams, a bright point where they start, haze around them. This b… |
| [Cobe.js](/app/cobejs) | Skill | Meng To | You want a small interactive globe on a page, maybe with dots marking places, and you do not want to hand-roll it. This covers adding one w… |
| [Clean Minimal Beige Light Mode Skill](/app/clean-minimal-beige-light-mode) | Skill | Meng To | You want a site that feels calm and warm rather than stark white or loud, and you need the colors and structure to hold together. This give… |
| [Blue Laser Clean Glass Layout Skill](/app/blue-laser-clean-glass-layout) | Skill | Meng To | Dark interfaces go wrong when every panel is just a slightly different grey box. This sets up a layout system of frosted glass shells on da… |
| [Blue Cloudy Clean Modern Skill](/app/blue-cloudy-clean-modern) | Skill | Meng To | When you want a product or page to feel light and unhurried rather than dense, the whole look has to agree - colour, spacing, type. This se… |
| [Background Grid WebGL Skill](/app/background-grid-webgl) | Skill | Meng To | You want a background with a sense of depth rather than a flat surface. This creates a grid in perspective, its lines fading into the dista… |
| [WebGL Laser](/app/webgl-laser) | Skill | Meng To | You want a page background with a bright beam of light running down it. This builds that: a thin white-hot line, a colored glow around it,… |
| [Solar Duotone Bold Skill](/app/solar-duotone-bold) | Skill | Meng To | Icons pulled from different sets rarely look like they belong together. This one sticks to a single Iconify style, Solar Duotone Bold, so a… |
| [Skeuomorphic UI](/app/skeuomorphic-ui) | Skill | Meng To | Flat interfaces can look weightless when you want something that feels physical. This styles surfaces so they read as real objects: light c… |
| [Shaders Cursor Ripples](/app/shaders-cursor-ripples) | Skill | Meng To | You have an image on a hero, gallery or media panel and want it to react to the mouse like the surface of water. This adds that ripple effe… |
| [Scroll-Scrubbed Word Reveal](/app/scroll-scrubbed-word-reveal) | Skill | Meng To | You have a short piece of writing you want people to actually read rather than skim. This uncovers it one word at a time as they scroll, so… |
| [Reveal Hover Effect](/app/reveal-hover-effect) | Skill | Meng To | You have two versions of the same picture and want people to compare them without a slider or a click. This makes a soft round spotlight fo… |
| [Progressive Blur Skill](/app/progressive-blur) | Skill | Meng To | Sometimes content scrolling under a header or toolbar looks messy. This adds a blur that starts at one edge of the screen and eases away, s… |
| [Nested Container Frames Skill](/app/nested-container-frames) | Skill | Meng To | You want a page where content clearly sits inside a frame, and blocks sit inside that frame. This lays out an outer container with visible… |
| [Nested Container Clean Agency Skill](/app/nested-container-clean-agency) | Skill | Meng To | You want the tidy, composed look that agency sites have, where content sits in frames inside frames. This gives you the outer shell, darker… |
| [Masked Reveal](/app/masked-reveal) | Skill | Meng To | You have a headline or an intro paragraph that simply sits there when somebody scrolls down to it. This brings the words up one after anoth… |
| [GSAP ScrollTrigger Storytelling Skill](/app/gsap-scrolltrigger-storytelling) | Skill | Meng To | You want a product page where scrolling drives the story: a section holds still while things build up on it, then hands off to the next. Th… |
| [Globe Particles](/app/globe-particles) | Skill | Meng To | You want a planet-like centrepiece that feels expensive: a glowing ball of particles with a thin ring around it. This creates that as a rea… |
| [Globe.GL Skill](/app/globe-gl) | Skill | Meng To | You have data tied to places and you want it on a turnable 3D globe rather than a flat map. This covers using globe.gl to do that: getting… |
| [Dither Laser Dark Mode Skill](/app/dither-laser-dark-mode) | Skill | Meng To | You want a dark interface that feels considered rather than just switched to black. This gives you near-black surfaces with a light dithere… |
| [Dark Glass Clean Layout Skill](/app/dark-glass-clean-layout) | Skill | Meng To | You are designing a dark interface with a lot of information on screen and you want it to feel considered rather than cluttered. This gives… |
| [Border Gradients](/app/css-border-gradient) | Skill | Meng To | Your cards and panels look flat against the background and a plain border does not help, but a glowing outline is too much. This gives the… |
| [Corner Diagonals](/app/corner-diagonals) | Skill | Meng To | Rounded corners make your interface look soft when you want it to look engineered. This cuts the corners at an angle instead, on buttons, c… |
| [Container Lines](/app/container-lines) | Skill | Meng To | You want the structure of a layout to be visible: thin vertical lines showing where the content area ends, with small squares at the corner… |
| [Bright Green Tech System WebGL Skill](/app/bright-green-tech-system-webgl) | Skill | Meng To | Some interfaces are meant to look engineered rather than friendly, especially when one live visual is the centrepiece. This sets up a brigh… |
| [Book Serif Index Skill](/app/book-serif-index) | Skill | Meng To | Long text on screen often reads like a web page when you wanted it to read like a book. This builds a design system around that: serif-led… |
| [Beautiful Shadows](/app/beautiful-shadows) | Skill | Meng To | The stock shadow options in Tailwind are a small set, and things can end up looking either flat or slightly muddy. This hands you exact sha… |
| [Atmosphere Background Skill](/app/atmosphere-background) | Skill | Meng To | You want a dark background with some life in it rather than a flat block of colour. This creates one: slow vertical folds of light drifting… |
| [Animation Systems](/app/animation-systems) | Skill | Meng To | Your animations work but feel a bit arbitrary next to the sites you admire. This covers how to think about web motion the way those product… |
| [Animation On Scroll Skill](/app/animation-on-scroll) | Skill | Meng To | You want things on the page to animate as the reader scrolls down to them, rather than all at once on load. This sets up that trigger, with… |
| [Agency Grid Layout Minimal Skill](/app/agency-grid-layout-minimal) | Skill | Meng To | You want a site that looks like a design studio's: lots of white space, oversized headlines, small uppercase labels doing the quiet work. T… |
| [WebGL Landing Steering Skill](/app/webgl-landing-steering) | Skill | Meng To | Heavy visual landing pages often drift: they look impressive but the message and the loading time suffer. This helps you choose a direction… |
| [WebGL 3D Object](/app/webgl-3d-object) | Skill | Meng To | CSS transform tricks only get you so far when a page needs a solid-looking object at the top. This creates an actual 3D WebGL object: facet… |
| [Vanta.js - Animated WebGL Backgrounds Skill](/app/vantajs) | Skill | Meng To | A moving background can lift a page, but dropping one in often means broken sizing or a sluggish page. This covers adding animated WebGL ba… |
| [Unsplash Asset Images](/app/unsplash-asset-images) | Skill | Meng To | Placeholder grey boxes make a design hard to judge, and hunting for photos eats time. This picks Unsplash images for the slots you actually… |
| [Unicorn Studio](/app/unicorn-studio) | Skill | Meng To | You have an interactive animation from Unicorn Studio and you need it living on a real web page. This covers getting it embedded, sizing it… |
| [Three.js - WebGL 3D Scenes Skill](/app/threejs) | Skill | Meng To | You want a bit of 3D on a web page and you are not a graphics engineer. This helps you build and fix interactive Three.js scenes: the basic… |
| [Thinking Orbs](/app/thinking-orbs) | Skill | Meng To | When your assistant or chat is busy, a plain spinner tells the user nothing. This adds animated status orbs in React that show which kind o… |
| [Technical Wireframe Info Layout Skill](/app/technical-wireframe-info-layout) | Skill | Meng To | Sometimes you need a picture that explains how something is built rather than how it looks finished. This gives you a monochrome wireframe… |
| [Tech Green Dark Mode Modern Skill](/app/tech-green-dark-mode-modern) | Skill | Meng To | You want an interface that looks like serious technical software rather than a bright generic app. This gives you a dark visual system: nea… |
| [Tailwind CSS - Utility-first Styling Skill](/app/tailwindcss) | Skill | Meng To | You are building an interface with Tailwind CSS and want it to look coherent rather than assembled piecemeal. This brings along recipes and… |
| [Stitched Full-Page Capture](/app/stitched-full-page-capture) | Skill | Meng To | Screenshotting a whole page sometimes gives you a blank, a grey rectangle, or a thin strip of content - usually on pages that load or anima… |
| [Scroll World Storytelling](/app/scroll-world-storytelling) | Skill | Meng To | You have a story, article or case study and stacking it into ordinary sections makes it feel flat. This rebuilds it as a page the reader mo… |
| [Scroll Progress Timeline](/app/scroll-progress-timeline) | Skill | Meng To | When you are explaining something that happens in order - a signup, a recipe, a roadmap - readers lose track of where they are. This lays t… |
| [Mesh Gradient Dark Blue Clean](/app/mesh-gradient-dark-blue-clean) | Skill | Meng To | You want a site that feels dark, premium and a little infrastructural, and you want that decided once rather than guessed page by page. Thi… |
| [Liquid Metal Border](/app/liquid-metal-border) | Skill | Meng To | You want a button, chip or card to show it is active or selected with something better than a coloured outline. This adds animated liquid-m… |
| [Light Mode Paper Technical Skill](/app/light-mode-paper-technical) | Skill | Meng To | You want a light design that still feels engineered - closer to a drafting sheet than a plain white page. This gives you warm paper surface… |
| [Image First Grid Layout Skill](/app/image-first-grid-layout) | Skill | Meng To | You have strong photography and you want the layout to serve it instead of competing. This is an image-led grid system: pictures run to the… |
| [High Contrast Skeuomorphic Clean Skill](/app/high-contrast-skeuomorphic-clean) | Skill | Meng To | You want controls that look physical - pressed into the surface, catching a hard edge of light - without the whole thing turning into clutt… |
| [Gooey Blob System Skill](/app/gooey-blob-system) | Skill | Meng To | You want blobs that flow into one another like liquid instead of overlapping like circles. This builds that with SVG filters: several shape… |
| [Glass Dark UI Skill](/app/glass-dark-ui) | Skill | Meng To | Frosted glass panels look great in dark mode until the text stops being readable and the borders look wrong. This builds dark glassmorphism… |
| [Glass Dark Mode Clock Skill](/app/glass-dark-mode-clock) | Skill | Meng To | You want a screen that looks like a piece of precise instrumentation - dark, frosted, with round dials. This is a design system for exactly… |
| [Generate Reference-Inspired Brand Worlds](/app/generate-reference-inspired-brand-worlds) | Skill | Meng To | You have an image you like - a brand identity, a poster, a campaign, a moodboard - and you want work in that spirit without copying it. Thi… |
| [Funky Purple Container Tech Skill](/app/funky-purple-container-tech) | Skill | Meng To | You want a screen that feels dark, technical and a bit fun, but you don't want to invent the look from scratch. This gives you a design sys… |
| [Framed Tech Dark Border Gradient Skill](/app/framed-tech-dark-border-gradient) | Skill | Meng To | You want a dark interface that looks technical and deliberate rather than generically dark. This gives you framed shells with gradient bord… |
| [Framed Grid Layout](/app/framed-grid-layout) | Skill | Meng To | You want a page that looks precise and neutral, the kind where the structure itself is part of the design. This gives you minimal framed gr… |
| [Editorial Tech Skill](/app/editorial-tech) | Skill | Meng To | You want a page that reads like a magazine spread but still feels like a technical product, not a lifestyle brand. This blends editorial co… |
| [Dither Background](/app/dither-background) | Skill | Meng To | Your dark page needs a background with some atmosphere, but a flat black feels empty and a photo feels wrong. This makes a near-black proce… |
| [Dark Blue Contrasting Clean Skill](/app/dark-blue-contrasting-clean) | Skill | Meng To | You want a dark site that looks sharp rather than murky, and you are not sure how to make blue read as premium instead of loud. This gives… |
| [Create Game VFX](/app/create-game-vfx) | Skill | Meng To | Your game's attacks land but nothing on screen says so, and the effects you have tried made it stutter. This is for building visual effects… |
| [Cinematic Scroll Storytelling](/app/cinematic-scroll-storytelling) | Skill | Meng To | You need a landing page that tells its story as somebody scrolls, the way premium editorial sites do, instead of dropping everything at onc… |
| [Cinematic GSAP Lenis Motion System](/app/cinematic-gsap-lenis-motion-system) | Skill | Meng To | Your site looks right but sits still, and the ones you admire seem to move as you read them. This is for building that motion: scrolling th… |
| [Build Three.js Scroll Worlds](/app/build-threejs-scroll-worlds) | Skill | Meng To | You want a site where scrolling moves you through a single 3D place rather than flipping between separate sections. This helps you build th… |
| [Audit Reference Originality](/app/audit-reference-originality) | Skill | Meng To | You built something with reference material open beside you, and now you are wondering how close it landed. This compares what you shipped… |
| [Ambient Section Particles](/app/ambient-section-particles) | Skill | Meng To | Sometimes one part of a page feels flat and you want a little movement there without covering the whole page. This adds a light scatter of… |
| [Add Shader Cursor Trail](/app/add-shader-cursor-trail) | Skill | Meng To | You want the mouse to leave a soft, twinkling trail behind it on a page. This drops that effect in - a white halftone trail with ripples an… |
| [Video To Superprompt](/app/video-to-superprompt) | Skill | Meng To | You have a recording of a site or app you want to learn from, and describing it in words is hard. This watches the video and writes a very… |
| [Three.js Weather](/app/threejs-weather) | Skill | Meng To | Weather in a 3D scene often looks like particles rather than weather. This puts rain, storms, lightning, snow and wet ground into a Three.j… |
| [Three.js Towers](/app/threejs-towers) | Skill | Meng To | You want a striking building on screen and you do not want to model one by hand. This generates architecture in Three.js from parameters, s… |
| [Three.js Landscape](/app/threejs-landscape) | Skill | Meng To | Objects and figures on a flat gradient look like they are floating. This builds a live landscape to stand them in: ground that gets its col… |
| [Scroll-Scrubbed Visual Sequence](/app/scroll-scrubbed-visual-sequence) | Skill | Meng To | You want something on screen to change as the reader scrolls, and to change back if they scroll up. This holds a stage in place and ties th… |
| [Pointer Trail Emitter](/app/pointer-trail-emitter) | Skill | Meng To | You want sparks or dust following the cursor, but the usual approach breaks into scattered dots the moment somebody moves fast. This emits… |
| [Falling Leaves](/app/falling-leaves) | Skill | Meng To | You added falling leaves to a page and they came out looking like confetti - flat, uniform, obviously fake. This builds leaves that tumble… |
| [Editorial Service Booking](/app/editorial-service-booking) | Skill | Meng To | You run a salon, spa, clinic, or similar place, and the site needs to feel warm and trustworthy while letting people book. This builds warm… |
| [Editorial Portfolio Chapters](/app/editorial-portfolio-chapters) | Skill | Meng To | You are a studio, photographer, or artist, and your site buries the work under explanation. This builds a dark editorial site where the pro… |
| [Documentary Brutalist Agency](/app/documentary-brutalist-agency) | Skill | Meng To | You are building or rebuilding a site for a creative studio, an architecture practice, or a portfolio, and it should look like a statement… |
| [Design-First UI Prompting Skill](/app/design-first-ui-prompting) | Skill | Meng To | You ask for a screen design and get something different every time, with type and spacing that wander. This helps you write the request as… |
| [Build Rigged Game Assets](/app/build-rigged-game-assets) | Skill | Meng To | You have a 3D character or monster and it needs to work inside a game, not just look good in a viewer. This helps you build it, bring it in… |
| [Build Awwwards-Quality Sites](/app/build-awwwards-quality-sites) | Skill | Meng To | A marketing or portfolio site can be technically fine and still feel generic. This handles both the art direction and the build: a hero tha… |
| [Browser Video Recording](/app/browser-video-recording) | Skill | Meng To | You want a video of your product being used, and screen captures usually look robotic - the pointer jumps, the framing never moves. This tu… |
| [Beam Glow States](/app/beam-glow-states) | Skill | Meng To | Sometimes a part of your interface needs to say "I am working" or "this is the one you picked" and a spinner feels clumsy. This gives that… |
| [Editorial Design System Skill (Universal)](/app/editorial) | Skill | Bergside | You have a page that is mostly words and it reads like a wall of text. This gives it a magazine's manners: serif type, a grid that holds th… |
| [Premium Design System Skill (Universal)](/app/premium) | Skill | Bergside | You want a page with the calm, exact feel of a flagship tech product site. This brings careful spacing, modern lettering and a polished ove… |
| [Minimal Design Design System Skill (Universal)](/app/minimal) | Skill | Bergside | Sometimes a page has too much on it and nothing stands out. This is a stripped-back look built on empty space, clean lettering and very lit… |
| [Bento Design System Skill (Universal)](/app/bento) | Skill | Bergside | When a screen has a lot on it, everything competes and nothing lands. This arranges the content into card-like blocks on a grid, with space… |
| [Animal Vlogger Video](/app/muapi-animal-video-generator) | Skill | SamurAIGPT | You want a funny clip with an animal that behaves like a person talking to camera. This makes an ultra-realistic video of an anthropomorphi… |
| [Action Figure Generator](/app/muapi-action-figure-generator) | Skill | SamurAIGPT | You have a photo of a person and you want the joke or the gift where they become a toy. This turns that photo into a custom 3D action figur… |
| [3D Logo Animation](/app/muapi-3d-logo-animation) | Skill | SamurAIGPT | You have a flat logo and you want something with more presence - an intro clip, a title card, something that moves. This takes your 2D logo… |
| [Floor Plan Rendering](/app/muapi-floor-plan-rendering) | Skill | SamurAIGPT | A floor plan makes sense to you and to almost nobody else you show it to. This designs the 2D plan and then turns it into a realistic 3D re… |
| [URL to Design](/app/muapi-url-to-design) | Skill | SamurAIGPT | You have a website that looks dated or messy, and you want to see what a better version could look like without starting a sketch from scra… |
| [Talking Baby Video](/app/muapi-talking-baby-video) | Skill | SamurAIGPT | You want the kind of short video where a baby talks, and you want it saying your words. This makes that video, with costumes and scripts yo… |
| [Storyboard Generator](/app/muapi-storyboard) | Skill | SamurAIGPT | Before making a video, you want to see how the story lays out shot by shot. This generates the keyframes for a short story or scene sequenc… |
| [Selfie with Celebrities](/app/muapi-selfie-with-celebrities) | Skill | SamurAIGPT | You want a photo that looks like you ran into a celebrity behind the scenes. This makes that selfie, with a celebrity or the lead actor fro… |
| [MuAPI Photo Pack Generator](/app/muapi-photo-pack-generator) | Skill | SamurAIGPT | You have one usable photo of someone and need many. This makes a pack of professional or good-looking photos from that single reference, ke… |
| [One-Shot Video](/app/muapi-one-shot-video) | Skill | SamurAIGPT | Sometimes you want a video that stays in one continuous take instead of jumping between shots. This makes that kind of scene: a single flow… |
| [🍌 Nano-Banana Expert Skill (Gemini 3 Style)](/app/muapi-nano-banana) | Skill | SamurAIGPT | You know what you want an image to say, not just what it should show. This takes a structured creative brief and reasons through it to gene… |
| [Music Video](/app/muapi-music-video) | Skill | SamurAIGPT | You have a theme for a song and want a short music video out of it. This builds keyframes, animates each of them, and generates matching mu… |
| [Multi-Angle Reshoot](/app/muapi-multi-angle-reshoot) | Skill | SamurAIGPT | You have a subject or a scene and wish you had shot it from other angles. This re-renders it from dramatic viewpoints such as fish-eye, bir… |
| [Logo Generator](/app/muapi-logo-generator) | Skill | SamurAIGPT | You need one logo and you do not want to wade through options. This produces a single polished mark with a clean vector look and the brand… |
| [🖼️ Logo Creator Skill](/app/muapi-logo-creator) | Skill | SamurAIGPT | You want a logo that is simple and clean rather than busy, the kind built from basic shapes with clever use of the empty space around them.… |
| [Keyboard Art Maker](/app/muapi-keyboard-art-maker) | Skill | SamurAIGPT | You have a short message and want it to look like it was spelled out with keys pulled off a keyboard, photographed from directly above. Thi… |
| [Interior Design](/app/muapi-interior-design) | Skill | SamurAIGPT | You are thinking about changing a room and want to see it before you commit. This makes interior design visuals: it can rework a room you a… |
| [Freeze Effect Video](/app/muapi-freeze-effect-video) | Skill | SamurAIGPT | You want the effect where everything stops except one person. This makes that video: time halts mid-scene, the subject walks through the fr… |
| [Fashion Try-On](/app/muapi-fashion-try-on) | Skill | SamurAIGPT | You have a photo of a person and a photo of a piece of clothing, and no way to know how they go together. This puts the outfit onto the per… |
| [Drone-Style Video](/app/muapi-drone-style-video) | Skill | SamurAIGPT | The shot you want is the one from the sky, and you have no drone and no permission to fly one. This makes aerial footage: bird's-eye views,… |
| [Brand Design Guide](/app/muapi-design-guide) | Skill | SamurAIGPT | Everyone is making things that look slightly different because nothing was ever written down. This puts together a brand design guide: the… |
| [Couple Grid Creator](/app/muapi-couple-grid-creator) | Skill | SamurAIGPT | You want one picture of a couple that shows more than one moment. This builds a six-box grid with the pair in different romantic poses and… |
| [Color Analysis Board](/app/muapi-color-analysis-board) | Skill | SamurAIGPT | You are never sure which colours suit you and shopping is guesswork. Send a portrait and this lays out a colour analysis board: your best c… |
| [🎬 AI Cinema Director Skill](/app/muapi-cinema-director) | Skill | SamurAIGPT | You know how you want a shot to feel but not the camera language to ask for it. This takes your creative intent and turns it into the techn… |
| [Chibi Collage Effect](/app/muapi-chibi-collage-effect) | Skill | SamurAIGPT | You have an ordinary photo of yourself doing something and you want it to be more fun than it is. This keeps you looking real and fills the… |
| [Character Story Video](/app/muapi-character-story-video) | Skill | SamurAIGPT | You want to tell a story in pictures that move, and the hard part is that the hero keeps changing face between scenes. This settles the cha… |
| [Cartoon Dance Animation](/app/muapi-cartoon-dance-animation) | Skill | SamurAIGPT | You have a photo of someone and a video of a dance or a bit of movement. This turns the person in the photo into a Pixar-style 3D cartoon a… |
| [Brochure Designer](/app/muapi-brochures) | Skill | SamurAIGPT | You need something printed to hand out - for a business, a property, an event, a launch - and it needs to be more than one page. This desig… |
| [Brand Kit](/app/muapi-brand-kit) | Skill | SamurAIGPT | You are starting something and it has no look yet. This puts together a first visual kit for it: an idea for a logo, colours shown together… |
| [Blog Header](/app/muapi-blog-header) | Skill | SamurAIGPT | Your post is written and the space at the top is empty. This makes a header image for it, already at the right size for the web, and can ad… |
| [Award Ceremony Video](/app/muapi-award-ceremony-video) | Skill | SamurAIGPT | You want to hand someone a moment: an award, an announcement, a bit of ceremony. This makes a short video of exactly that - a host names a… |
| [AI Fight Scene Generator](/app/muapi-ai-fight-scene) | Skill | SamurAIGPT | You want a fight or action sequence with lots of quick cuts, and starting straight from a text prompt gives you something incoherent. This… |
| [🎨 UI/UX Design Mockup Skill](/app/muapi-ui-design) | Skill | SamurAIGPT | Before building an app, you need screens to look at and react to. This produces high-fidelity mockups for mobile and web, along with wirefr… |
| [🎨 MuAPI Media Generation](/app/muapi-media-generation) | Skill | SamurAIGPT | You want to make a picture, a video, a piece of music or some audio, and you would rather do it from the command line than in a web app. Th… |
| [✏️ MuAPI Media Editing & Enhancement](/app/muapi-media-editing) | Skill | SamurAIGPT | You have an image or a video that needs changing and you would rather say what you want than learn an editor. This handles edits from a wri… |
| [Logo + Branding Package](/app/muapi-logo-branding) | Skill | SamurAIGPT | You need a logo, but also all the versions of it you end up needing later: one for dark backgrounds, one for light, an icon on its own. Thi… |
| [antfu Design](/app/antfu-design) | Skill | Anthony Fu | You are building or reworking an interface with UnoCSS and want the styling decisions already made. This brings a set of design conventions… |
| [Flutter Theming](/app/flutter-theming) | Skill | codis | Your Flutter app still looks like the default. This walks you through customizing its theme using the theming system Flutter already gives… |
| [Enterprise Design System Skill (Universal)](/app/enterprise) | Skill | Bergside | You are building the screen people stare at all day: charts, tables, controls. This gives it a dark cloud-platform look, panels that read l… |
| [neobrutalism Design System Skill (Universal)](/app/neobrutalism) | Skill | Bergside | You want a page with attitude - chunky outlines, bright pops of color and nothing softened. This is a modern take on brutalism, sitting on… |
| [SwiftUI UI Patterns](/app/swiftui-ui-patterns) | Skill | Thomas Ricouard | You are putting together an iOS screen in SwiftUI and want to see how these things are usually done rather than guess. This covers laying o… |
| [SwiftUI Liquid Glass](/app/swiftui-liquid-glass) | Skill | Thomas Ricouard | You are building an iOS app in SwiftUI and want the newer glass-style interface look, or you already tried it and are not sure you did it r… |
| [HTML deck critic](/app/openkb-html-critic) | Skill | Vectify AI | You had a slide deck or a single page generated for you, and something looks off - slides overlapping, arrow keys doing nothing, a slide th… |
| [Refined Design System Skill (Universal)](/app/refined) | Skill | Bergside | You want something that looks carefully chosen rather than loud. This is a modern minimal look with elegant serif lettering and colors that… |
| [Professional Design System Skill (Universal)](/app/professional) | Skill | Bergside | You are putting something in front of a business audience and it needs to look credible. This gives you modern lettering, organized layouts… |
| [Neumorphism club Design System Skill (Universal)](/app/neumorphism) | Skill | Bergside | You want controls that look like they were moulded out of the surface itself rather than pasted on top. This uses soft shadows inside and o… |
| [Modern Design System Skill (Universal)](/app/modern) | Skill | Bergside | You want something that looks like a well-made magazine rather than a generic web template. This is a contemporary editorial look: serif le… |
| [Material UI styling](/app/material-ui-styling) | Skill | MUI | Material UI gives you several ways to style the same thing and no obvious signal about which to use. This picks the right one for what you… |
| [claymorphism Design System Skill (Universal)](/app/claymorphism) | Skill | Bergside | When a screen feels flat and severe and you want it to feel friendly, this makes the elements look like soft molded clay: rounded, puffy, s… |
| [Storytelling Design System Skill (Universal)](/app/storytelling) | Skill | Bergside | Your page states what the product is but nobody stays to read it. This approach builds the page as a story instead: images, words, and inte… |
| [Sleek Design System Skill (Universal)](/app/sleek) | Skill | Bergside | Your interface has accumulated clutter: too many colors, uneven gaps, effects competing for attention. This is a minimalist style built on… |
| [contemporary Design System Skill (Universal)](/app/contemporary) | Skill | Bergside | If a site looks like it was designed some years ago, this pulls it toward how things look now: pared-back layouts, content in tidy blocks,… |
| [Corporate Design System Skill (Universal)](/app/corporate) | Skill | Bergside | When work for a company looks like a dozen different designers made it, this pulls it together: a structured grid, spare layouts, and patte… |
| [Futuristic Design System Skill (Universal)](/app/futuristic) | Skill | Bergside | You want a screen that reads as ahead of things rather than familiar. This leans on technical-feeling type and modern layout to give a page… |
| [Material Design System Skill (Antigravity)](/app/material) | Skill | Bergside | You want an app that follows Google's Material Design rather than a look you invent yourself. This brings its layered surfaces, theming tha… |
| [Brutalism Design System Skill (Universal)](/app/brutalism) | Skill | Bergside | Most designs try to look pleasant and smooth. This does the opposite on purpose: bare elements, layouts that jar, nothing decorative left.… |
| [Paper Design Design System Skill (Universal)](/app/paper) | Skill | Bergside | You want something on screen that feels like a printed page rather than a website. This uses paper texture, very little color and clean let… |
| [Doodle Design System Skill (Universal)](/app/doodle) | Skill | Bergside | When a design feels too formal for what it is, this makes it look sketched by hand: doodles, handwritten lettering, and lines that are not… |
| [Spacious Design System Skill (Universal)](/app/spacious) | Skill | Bergside | Your page feels tight and hard to scan because everything sits too close together. This opens it up: generous empty space, the same padding… |
| [Gradient Design System Skill (Universal)](/app/gradient) | Skill | Bergside | Flat blocks of colour can feel abrupt. This moves colour smoothly from one shade into the next across backgrounds and surfaces, which adds… |
| [Creative Design System Skill (Universal)](/app/creative) | Skill | Bergside | If a landing page is correct but has no personality, this gives it one: expressive typefaces, bold graphics, and a playful feel. Reach for… |
| [Friendly Design System Skill (Universal)](/app/friendly) | Skill | Bergside | Your screen works but it feels stern. This warms it up with rounded shapes, plenty of empty space and soft pastel colour, so nothing on the… |
| [Research to Website Builder](/app/research-to-website) | Skill | Intelligent-Internet | You finished a research report and it is sitting there as a document. This turns that document into a website instead, with a design that f… |
| [Colorful Design System Skill (Universal)](/app/colorful) | Skill | Bergside | If a design is technically fine but forgettable, this gives it color: bright palettes, strong contrast, and gradients. Reach for it when yo… |
| [Artistic Design System Skill (Universal)](/app/artistic) | Skill | Bergside | You want the thing you are designing to stand out and make an impression rather than fade into the background. This is an expressive visual… |
| [Bold Design System Skill (Universal)](/app/bold) | Skill | Bergside | Sometimes a design is too polite to be noticed. This one goes the other way: heavy type, colors that clash on purpose, and layouts that tak… |
| [Cosmic Design System Skill (Universal)](/app/cosmic) | Skill | Bergside | When you want something to feel futuristic rather than ordinary, this leans dark, with bright neon highlights and a sense of space and dept… |
| [Agentic Design System Skill (Universal)](/app/agentic) | Skill | Bergside | You are designing a product where people ask for something and it gets done for them, rather than pressing buttons themselves. This is a de… |
| [Vintage Design System Skill (Universal)](/app/vintage) | Skill | Bergside | You want something that looks like it came from before the current era of clean flat design. This draws on the nostalgia of the fifties thr… |
| [Flat Design System Skill (Antigravity)](/app/flat) | Skill | Bergside | Your interface is covered in shadows, bevels and gloss that add nothing. This is the flat approach: two dimensions only, bright colour, cle… |
| [Cafe Design System Skill (Universal)](/app/cafe) | Skill | Bergside | Some sites feel clinical when you want them to feel welcoming. This brings warm colors, gentler typefaces, and uncluttered layouts, the moo… |
| [Vibrant Design System Skill (Universal)](/app/vibrant) | Skill | Bergside | Your design is correct but lifeless, all neutrals and nothing to look at. This adds color: bold, playful lettering, warm accent tones, and… |
| [Dramatic Design System Skill (Universal)](/app/dramatic) | Skill | Bergside | For pages that need to stop somebody rather than politely inform them, this goes theatrical: strong contrast, big layouts, and compositions… |
| [dithered Design System Skill (Universal)](/app/dithered) | Skill | Bergside | If you want visuals that look like an early computer screen rather than a modern one, this builds shades out of dot patterns using very few… |
| [Fantasy Design System Skill (Universal)](/app/fantasy) | Skill | Bergside | Sometimes a screen needs to feel like a world rather than a form. This borrows from games: bold visuals, deep rich colour, and thematic tou… |
| [mono design Design System Skill (Universal)](/app/mono) | Skill | Bergside | You want an interface that looks like it belongs to people who live in a terminal. This builds the whole look around typewriter-style lette… |
| [levels Design System Skill (Universal)](/app/levels) | Skill | Bergside | People arrive on your page and then do nothing. This is built around getting them to act: clarity about what to do next, fewer things in th… |
| [Neon Design System Skill (Universal)](/app/neon) | Skill | Bergside | You want a screen that shouts rather than whispers. This uses glowing neon effects and colors set hard against each other so the interface… |
| [Skeumorphism Design System Skill (Antigravity)](/app/skeumorphism) | Skill | Bergside | Sometimes a flat interface leaves people unsure what they can touch. This style makes things look like real objects: textured surfaces, a s… |
| [Perspective Design Design System Skill (Universal)](/app/perspective) | Skill | Bergside | You want a flat page to feel like it has depth, so the eye travels through it instead of scanning around. This builds angled views, vanishi… |
| [Lingo Design System Skill (Universal)](/app/lingo) | Skill | Bergside | You want a screen that feels approachable and a little toy-like without getting cluttered. This stays minimal but bright: rounded shapes, c… |
| [Immersive Design System Skill (Cursor)](/app/immersive) | Skill | Bergside | Sometimes you want people to travel through a page rather than read it. This is exhibit-style: one continuous deep green canvas, storytelli… |
| [Pacman Design System Skill (Universal)](/app/pacman) | Skill | Bergside | You want something that feels like an old arcade cabinet rather than a business app. This brings pixel lettering, dotted outlines and brigh… |
| [Tetris Design System Skill (Universal)](/app/tetris) | Skill | Bergside | You want something that feels fun and a little nostalgic rather than sober. This borrows from classic block games: playful colors, big bold… |
| [Terracotta Design System Skill (Universal)](/app/terracotta) | Skill | Bergside | You want a page that reads like a magazine rather than a dashboard. This gives it warm cream backgrounds, ink-brown headlines in a display… |
| [Fiction Design System Skill (Universal)](/app/fiction) | Skill | Bergside | You want a screen that feels warm and drawn by hand rather than corporate. This does the cartoon look properly: cream backgrounds, thick bl… |
| [Riso Design System Skill (Universal)](/app/riso) | Skill | Bergside | You have a page that works but looks flat and generic. This gives it the look of a two-color risograph print: one warm off-white paper tone… |
| [Matrix Design System Skill (Universal)](/app/matrix) | Skill | Bergside | You are building something and want it to look like a hacker terminal from a sci-fi film rather than a normal app. This gives you that: dar… |
| [Sega Design System Skill (Universal)](/app/sega) | Skill | Bergside | You are putting an interface around a game and do not want it to look like a business app. This gives it an arcade feel: pixel lettering, s… |
| [Material UI theming and design tokens](/app/material-ui-theming) | Skill | MUI | You are working on an app built with Material UI and want its screens to share the same look, including a dark version. This helps you defi… |
| [VRM MToon Outline Thickness Adjustment](/app/vrm-mtoon-outline) | Skill | Project N.E.K.O. | Your VRM character has outlines that look wrong, usually too heavy once the model is scaled up or down. This covers adjusting the outline t… |
| [Ant Design System Skill (Universal)](/app/ant) | Skill | Bergside | You are designing a web application with a lot of information on screen and it needs to stay readable and predictable throughout. This is a… |
| [GLM-V Prompt Generation Skill](/app/glmv-prompt-gen) | Skill | Z.ai | You found an image or clip with the look you want but cannot describe it well enough to recreate. This studies it and writes the prompt for… |
| [PDF → Academic Project Website Skill](/app/glmv-pdf-to-web) | Skill | Z.ai | Your work lives in a PDF and you want a web page for it instead. This turns the document into a single-page site, with a structured outline… |
| [PDF → HTML PPT Skill](/app/glmv-pdf-to-ppt) | Skill | Z.ai | You have a paper or a report and you need to present it. This turns the PDF into a multi-slide presentation, plus an outline of the structu… |
| [Website Frontend Visual Replication](/app/glmv-web-replication) | Skill | Z.ai | You want the visual side of a website rebuilt: the layout and how it looks, not what runs behind it. This walks the public pages, captures… |
| [Scientific Slides](/app/scientific-slides) | Skill | K-Dense | You have a talk to give and a deck to build for it. This helps with the order of the slides, the design, and whether it fits your time slot… |
| [PPTX posters](/app/pptx-posters) | Skill | K-Dense | The poster has to be a PowerPoint file, editable, and it has to come back from the printer right. This builds it from content and assets yo… |
| [LaTeX Research Posters](/app/latex-posters) | Skill | K-Dense | You have a conference poster to make and you would rather write it in LaTeX than wrestle with a slide tool. This handles the layout, the co… |
| [Infographics](/app/infographics) | Skill | K-Dense | You have numbers or findings and you need a graphic that presents them, but you are not a designer. This builds the infographic and keeps i… |
| [Geometric Design System Skill (Universal)](/app/geometric) | Skill | Bergside | Sometimes the design should be barely noticeable. This keeps things geometric and structured: exact shapes, neutral colour, clean lettering… |
| [Stitch Design System Skill (Universal)](/app/stitch) | Skill | Bergside | You are building the kind of screen people spend all day in, full of records and rows and things to move around. This is an enterprise styl… |
| [Basic Design System Skill (Universal)](/app/basic) | Skill | Bergside | You are making something long and text-heavy, like a report or a book-style page, and it looks like a plain web page instead of something w… |
| [Power Design System Skill (Universal)](/app/power) | Skill | Bergside | You are presenting something that needs to feel expensive rather than approachable. This is a dark, single-color-family look with big confi… |
| [Roku Design System Skill (Universal)](/app/roku) | Skill | Bergside | You are building the main screen of an app, the one people land on after signing in. This gives you a dashboard shape: a bar of navigation… |
| [Zeigarnik Effect](/app/zeigarnik-effect) | Skill | MC Dean | People come back to things they have started but not finished. This helps you use that: progress indicators, saved drafts, and hooks that i… |
| [Wireframe Spec](/app/wireframe-spec) | Skill | MC Dean | Before you start choosing colours and type, you need to agree what goes where and what matters most. This helps you write that down as a wi… |
| [Von Restorff Effect](/app/von-restorff-effect) | Skill | MC Dean | You have a screen where one button or link really matters, and it is blending in with everything around it. This helps you make that one th… |
| [Visual Hierarchy](/app/visual-hierarchy) | Skill | MC Dean | A layout can contain everything it needs and still leave people unsure where to look. This establishes hierarchy through size, weight, colo… |
| [Version Control Strategy](/app/version-control-strategy) | Skill | MC Dean | When design files pile up as copies and nobody can tell which one is current, history becomes guesswork. This defines version control for d… |
| [User Flow Diagram](/app/user-flow-diagram) | Skill | MC Dean | When a feature has forks and conditions, describing it in prose gets confusing fast. This diagrams the screen-level path, the decision poin… |
| [Typography Scale](/app/typography-scale) | Skill | MC Dean | Picking font sizes one at a time leaves a design with sizes that nearly match and never quite relate. This creates a modular scale where si… |
| [Theming System](/app/theming-system) | Skill | MC Dean | If one product has to appear in more than one look, patching each variant separately gets unmanageable. This designs the theming architectu… |
| [Tesler's Law (Law of Conservation of Complexity)](/app/teslers-law) | Skill | MC Dean | Some difficulty in a process simply cannot be designed away, and someone ends up dealing with it. This helps you name that part and decide… |
| [State Machine](/app/state-machine) | Skill | MC Dean | When a component has loading, error, empty, selected and disabled all tangled together, it is easy to miss a case. This models the states,… |
| [Stakeholder Alignment](/app/stakeholder-alignment) | Skill | MC Dean | Sometimes a decision sits still because nobody is sure whose call it is. This helps you write down who owns what, who decides, and how news… |
| [Spacing System](/app/spacing-system) | Skill | MC Dean | If the gaps in your design are picked by feel and never quite match, this helps you set a scale. You start from one base unit and get steps… |
| [Service Blueprint](/app/service-blueprint) | Skill | MC Dean | Your experience is not just a screen - staff and operations are part of how it gets delivered. This maps the whole thing: what the customer… |
| [Serial Position Effect](/app/serial-position-effect) | Skill | MC Dean | When people see a sequence, they remember the first and last items best. This helps you use that when you are putting menus, lists, and ste… |
| [Readable Measure](/app/readable-measure) | Skill | MC Dean | Your paragraphs are hard to read and you suspect the lines are the wrong length. This helps you set line length and measure so body text re… |
| [Prototype Strategy](/app/prototype-strategy) | Skill | MC Dean | You are about to build a prototype and are not sure how far to take it. This helps you choose the fidelity and the method based on what des… |
| [Presentation Deck](/app/presentation-deck) | Skill | MC Dean | You have design work to show and a meeting to show it in. This helps you structure the presentation around who is in the room and what deci… |
| [Platform Conventions](/app/platform-conventions) | Skill | MC Dean | You are building a native app for both iOS and Android and each has its own way of doing things. This helps you design to each platform's c… |
| [Peak-End Rule](/app/peak-end-rule) | Skill | MC Dean | How a flow is remembered comes down mostly to its most intense moment and its last one. This helps you apply that idea when you are designi… |
| [Pattern Library](/app/pattern-library) | Skill | MC Dean | The same design solution keeps getting reinvented and nobody has written it down. This helps you structure a pattern entry: the problem con… |
| [Opportunity Framework](/app/opportunity-framework) | Skill | MC Dean | You have a long list of things you could design and no way to work through all of them. This helps you identify the opportunities, score th… |
| [Onboarding Design](/app/onboarding-design) | Skill | MC Dean | Someone opens your product for the very first time and you need to decide what happens. This helps you design that first run: the path that… |
| [North Star Vision](/app/north-star-vision) | Skill | MC Dean | Nobody agrees on where the product is going, or nobody has said. This helps you articulate a long-horizon vision - the far-off destination… |
| [Navigation Patterns](/app/navigation-patterns) | Skill | MC Dean | You know what sections your product has, but not how people should move between them. This helps you choose a navigation pattern - tabs, a… |
| [Naming Convention](/app/naming-convention) | Skill | MC Dean | Half your components are called one thing and half another, and nobody knows which is right. This helps you write down naming rules for com… |
| [Motion System](/app/motion-system) | Skill | MC Dean | When every animation is decided one at a time, a product ends up moving in a dozen unrelated ways. This sets shared motion rules: how long… |
| [Miller's Law](/app/millers-law) | Skill | MC Dean | Long undifferentiated lists are hard to keep in your head. Grouping items into small chunks fits what working memory can hold, so people ca… |
| [Micro-Interaction Spec](/app/micro-interaction-spec) | Skill | MC Dean | Small interactions get built wrong when the handoff leaves gaps: what sets it off, what the rules are, what the person sees back, what happ… |
| [Metrics Definition](/app/metrics-definition) | Skill | MC Dean | It is easy to end up measuring whatever is easiest to count, which tells you little about your design. This helps you decide what is actual… |
| [Localization Design](/app/localization-design) | Skill | MC Dean | A design built in one language tends to break in another: words get longer, reading runs the other way, and dates and numbers look differen… |
| [Loading States](/app/loading-states) | Skill | MC Dean | Content does not always arrive right away, and what people see in that gap decides whether the product feels alive or stuck. This covers th… |
| [Layout Grid](/app/layout-grid) | Skill | MC Dean | Before you place content, the page needs a structure everything can sit on. This defines that structure: the columns, the gaps between them… |
| [Law of Similarity](/app/law-of-similarity) | Skill | MC Dean | Sometimes things that belong to the same category are nowhere near each other on the page. Giving them the same colour, shape, or size tell… |
| [Law of Proximity](/app/law-of-proximity) | Skill | MC Dean | Things placed close together read as belonging together, more strongly than any other signal you could add. This helps when you want spacin… |
| [Law of Figure-Ground](/app/law-of-figure-ground) | Skill | MC Dean | When one thing sits on top of another, people need to know which layer they can act on. This helps you set the foreground apart from the ba… |
| [Law of Continuity](/app/law-of-continuity) | Skill | MC Dean | The eye follows alignment and unbroken paths, which is why some sequences feel obvious and others feel like a jumble. This helps when you a… |
| [Law of Common Region](/app/law-of-common-region) | Skill | MC Dean | When a layout gets tight, the gaps you were relying on to show what belongs together stop working. Putting elements inside a shared contain… |
| [Law of Closure](/app/law-of-closure) | Skill | MC Dean | Sometimes a layout feels heavy because everything is boxed in. The eye will fill in a shape from partial forms, which means you can take bo… |
| [Jakob's Law](/app/jakobs-law) | Skill | MC Dean | People arrive at your product already used to other products, and they expect yours to behave the same way. This helps you weigh that expec… |
| [Interfaces That Feel](/app/interfaces-that-feel) | Skill | MC Dean | Sometimes a design passes every check and people still feel nothing using it. This looks at the interface for emotional resonance and presc… |
| [Information Architecture](/app/information-architecture) | Skill | MC Dean | Products accumulate content and at some point nobody can find anything. This organises what already exists: how it is structured, what sits… |
| [Illustration Style](/app/illustration-style) | Skill | MC Dean | Commissioning illustration usually means describing what you want and hoping it comes back right. This writes a style guide: the visual lan… |
| [Icon System](/app/icon-system) | Skill | MC Dean | Icons drawn at different times by different people never quite match, and the set gets harder to add to. This specifies the rules: the grid… |
| [Hick's Law](/app/hicks-law) | Skill | MC Dean | Some screens put everything in front of you at once and picking anything takes longer than it should. This helps you see how the number of… |
| [Heuristic Evaluation](/app/heuristic-evaluation) | Skill | MC Dean | You want to know what is wrong with an interface, but recruiting people to test it takes time you do not have. This runs an expert review a… |
| [Gesture Patterns](/app/gesture-patterns) | Skill | MC Dean | Gestures are quick once you know them and invisible until you do. This works out how swipe, drag and long-press should behave and how peopl… |
| [Form Design](/app/form-design) | Skill | MC Dean | A form is easy to put on a page and hard to make painless to fill in. This covers the whole thing: what order the fields go in, how they ar… |
| [Fitts's Law](/app/fitts-law) | Skill | MC Dean | If a button is small or far from where someone's finger already is, it takes longer to hit and gets missed. This helps you decide how big c… |
| [Feedback Patterns](/app/feedback-patterns) | Skill | MC Dean | People press a button and then wonder whether anything happened. This works out how the product says yes, that registered: confirmations, s… |
| [Experience Map](/app/experience-map) | Skill | MC Dean | Sometimes what you are designing is not one app but a service people meet in several places. This maps out those touchpoints, the channels… |
| [Error Handling UX](/app/error-handling-ux) | Skill | MC Dean | When errors show up in different parts of a product, each one tends to get handled its own way and people get lost. This works out how erro… |
| [Empathy Map](/app/empathy-map) | Skill | MC Dean | You have learned things about the people who use your product, and now the rest of the team needs to see it too. This lays out one user or… |
| [Doherty Threshold](/app/doherty-threshold) | Skill | MC Dean | Sometimes an app is not broken, it just feels slow to use, and people lose their place. This helps you work out where that feeling comes fr… |
| [Design Token Audit](/app/design-token-audit) | Skill | MC Dean | You have tokens, but you suspect people are typing values in directly instead of using them. This checks usage across the product: how much… |
| [Design Token](/app/design-token) | Skill | MC Dean | You want one agreed set of named values for colour, spacing, type and depth, so choices are not remade in every file. This helps you define… |
| [Design System Governance](/app/design-system-governance) | Skill | MC Dean | More than one team is adding to your design system and there is no agreed way for it to change. This helps you define how contributions com… |
| [Design System Adoption](/app/design-system-adoption) | Skill | MC Dean | You built a design system and teams are carrying on without it. This helps you put together a plan to get it used, plus the materials teams… |
| [Design Review Process](/app/design-review-process) | Skill | MC Dean | Work is shipping and whether anyone reviewed it depends on the week. This helps you set up review as a process: what the criteria are, wher… |
| [Design Rationale](/app/design-rationale) | Skill | MC Dean | A design decision is going to be questioned and you will not always be in the room to explain it. This helps you write the reasoning down,… |
| [Design QA Checklist](/app/design-qa-checklist) | Skill | MC Dean | Something has been built and you need to compare it with the design before it ships. This helps you put together a checklist to verify the… |
| [Design Principles](/app/design-principles) | Skill | MC Dean | The same disagreement keeps resurfacing and each time your team decides it from scratch. This helps you write down principles specific enou… |
| [Design Negotiation](/app/design-negotiation) | Skill | MC Dean | You are heading into a conversation with a partner or a leader where design quality, how much is in scope, or how long it takes is about to… |
| [Design Impact Reporting](/app/design-impact-reporting) | Skill | MC Dean | You have done the design work and now you have to explain, to people who do not live in design, what came of it. This helps you put the res… |
| [Design Debt Audit](/app/design-debt-audit) | Skill | MC Dean | Your product has been built and changed by a lot of people over a long time, and it no longer looks like one thing. This helps you list wha… |
| [Critique Visual Hierarchy](/app/critique-visual-hierarchy) | Skill | MC Dean | People look at your screen and notice the wrong thing. This reviews where the eye enters, how it travels, and what is pulling weight it sho… |
| [Critique Typography](/app/critique-typography) | Skill | MC Dean | The words on your screen look slightly wrong and you cannot pin it down. This reviews the type on that screen: how the scale is being used,… |
| [Critique Information Density](/app/critique-information-density) | Skill | MC Dean | Someone opens your screen and visibly wilts. This reviews how much is on it, what should come first, whether it can be scanned, and what co… |
| [Critique Composition](/app/critique-composition) | Skill | MC Dean | The screen is not broken, the order of importance is fine, and yet the layout feels wrong. This reviews balance, whitespace, rhythm and how… |
| [Critique Color](/app/critique-color) | Skill | MC Dean | A screen's colours feel wrong or hard to read and you want a straight answer. This reviews that one screen for contrast, whether the palett… |
| [Critique Brand Consistency](/app/critique-brand-consistency) | Skill | MC Dean | Your team wrote down how the brand should look and sound, and now you want to know whether a screen actually follows it. This reviews the s… |
| [Critique Affordance](/app/critique-affordance) | Skill | MC Dean | People are missing buttons on a screen you already built. This looks at that screen and says what appears tappable, whether states show, an… |
| [Conversational UX](/app/conversational-ux) | Skill | MC Dean | You are building something people speak to, and the usual screen thinking does not apply. This covers how the conversation flows, what happ… |
| [Color System](/app/color-system) | Skill | MC Dean | Your product's colours grew one screen at a time and now nothing holds together. This helps you build a real system: scales, colours with a… |
| [Click Test Plan](/app/click-test-plan) | Skill | MC Dean | You suspect people cannot find something in your product, but you are guessing. This helps you design a click test that shows where people… |
| [Case Study](/app/case-study) | Skill | MC Dean | You did good work and now you need to explain it to strangers. This helps you build a case study with a story running through it, the evide… |
| [Card Sort Analysis](/app/card-sort-analysis) | Skill | MC Dean | You ran a card sort and now you have results you are not sure how to read. This turns those results into a proposed set of groups and the l… |
| [Business Design](/app/business-design) | Skill | MC Dean | You believe in a design, and the people who approve it care about revenue and competitors. This helps you read the numbers, see the landsca… |
| [Animation Principles](/app/animation-principles) | Skill | MC Dean | Something on screen moves, but it feels off, and you cannot say why. This walks you through the craft behind motion - easing, staging, foll… |
| [Affinity Diagram](/app/affinity-diagram) | Skill | MC Dean | You have notes from a lot of interviews or sources and no idea what they add up to. This helps you sort those points into groups and write… |
| [Aesthetic-Usability Effect](/app/aesthetic-usability) | Skill | MC Dean | Sometimes a design does everything it should and still tests poorly, and sometimes you need to argue that polish is worth the hours. This a… |
| [Search UX](/app/search-ux) | Skill | MC Dean | Your users come in knowing roughly what they want and need to find it, not wander to it. This helps you design search: the input they type… |
| [Diary Study Plan](/app/diary-study-plan) | Skill | MC Dean | The behaviour you want to understand happens over days or weeks, so watching someone once will not show it. This helps you plan a diary stu… |
| [Design Sprint Plan](/app/design-sprint-plan) | Skill | MC Dean | You need to move from a fuzzy question to something tested, and you have days rather than months. This helps you plan and run a design spri… |
| [Design Brief](/app/design-brief) | Skill | MC Dean | A project is about to start and people have different pictures of it in their heads. This helps you write down the problem, the limits you… |
| [Dark Mode Design](/app/dark-mode-design) | Skill | MC Dean | You already picked the colours for the light version of your product, and now the dark version looks murky or harsh. This walks you through… |

and 93 listings more in this category

---

Canonical URL: <https://airmarket.ai/category/design>