ui-design-aesthetics
Generates high-quality, non-generic UI designs with a focus on performance, progressive disclosure, and distinctive aesthetics.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Design & creation
20,160 results
image-to-code
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then…
threejs-loaders
three.js asset I/O using LoadingManager, Cache, FileLoader, image and texture loaders, GLTFLoader with DRACOLoader and KTX2Loader, and common format loaders…
film-storyboard-skill
Use when creating storyboards from scripts, generating visual prompts for beat boards or sequence boards, or converting narrative beats into AI-generated…
org-design
Help users design high-performing product and engineering organizations by choosing the right reporting models, team sizes, and cross-functional partnerships.…
adobe-retouch-portraits
Bulk-retouch a folder of portrait photos using Adobe tools — designed for wedding photographers and event photographers who need fast, walk-away batch…
replica-brand
Names and rebrands an app clone so it is the user's own: name candidates with the trademark, domain, store and handle checks to run, a new palette checked for…
morphing-icons
Build icon components where any icon morphs into any other through SVG line transformation. Use when asked to "create morphing icons", "build icon…
menu-design-generation
Generate professional restaurant, cafe, and bar menu designs using each::sense AI. Create print-ready menus, digital displays, QR code menus, and seasonal…
guizang-product-video-skill
Create code-driven software product promo videos and release update videos (product promo, release notes video, changelog promo). Determine direction from real features and product design, and complete the film using real components, GSAP/Three.js motion effects, original music, and action sound effects. Each film's visual approach is derived from the product itself, not from a template.
web-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site…
modern-short-video
Create modern product launch/pitch videos using Remotion. Use when creating app promo videos, SaaS launch videos, product demos, or startup pitch videos.
image-gen
Generate website images with Gemini 3 Native Image Generation. Covers hero banners, service cards, infographics with legible text, and multi-turn editing.…
project-manager
Manage video production projects including character profiles, project manifests, workflow history, and asset tracking. Use when creating new projects,…
kicad-schematic
Create, modify, and review KiCad schematics from selected parts, datasheets, reference designs, renders, and netlists.
container-scanning
Scan container images for vulnerabilities using Trivy, Grype, and cloud-native tools. Identify security issues in base images, packages, and configurations.…
nestjs-oop-design-patterns
Applies pragmatic OOP, SOLID, object-design rules, and design patterns to NestJS and TypeScript code. Use when writing or refactoring controllers, providers,…
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code,…
brooks-review
PR code review that surfaces decay risks, design smells, and maintainability issues with concrete Symptom → Source → Consequence → Remedy findings, drawing on…
maplibre-cartography
Cartographic principles for MapLibre GL JS — label and symbol legibility on imagery vs. vector basemaps, figure-ground for point icons, styling vector roads…
guide-swiftui-animations
SwiftUI animation patterns — implicit/explicit animations, transitions, phase/keyframe animations, the Animatable protocol, and the @Animatable macro. Use when…
Skywork Design
Generate or edit images via backend Skywork Image API. Use for any image creation, poster design, logo design, visual asset generation, or image modification…
video-character-design
Create character design documentation and character design sheet images for video, storyboard, advertising, animation, or AI video-generation workflows. Use…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…