Results for “aes”
31 skillsaesthetic-usability
Apply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.
1.7k
chenkaige-perspective
提供陈凯歌导演风格的创意建议,涵盖视觉方案、叙事建议和场景设计,适用于剧本创作与影像设计。
38 · bundle
art-direction
Define the visual identity of a game including art style, color palettes, character design language, environment aesthetics, and asset pipelines. Use when establishing the look and feel of a game project. Also trigger for "art style", "visual style", "game aesthetics", "color palette", "character art", "pixel art", or "game graphics".
0
federicofellini-perspective
提供费德里科·费里尼导演风格的创意建议,涵盖视觉方案、叙事手法和场景设计,帮助创作者在剧本创作和影像设计中融入其独特美学。
38 · bundle
taste
Provides a creative-direction layer for music videos and short-form edits in the angelcore/cloud-trance/hyperpop visual family, encoding aesthetic vocabulary, mood/color/light system, and beat-synced editing grammar to produce intentional, stylistically coherent video content.
226k · bundle
frontend-design
Builds distinctive, production-grade frontend interfaces with bold aesthetic direction, avoiding generic AI design patterns.
2 · bundle
More results
frontend-design
Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.
253 · bundle
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.
3 · bundle
frontend-design
Guides distinctive, intentional visual design for new or existing UI, covering aesthetic direction, typography, and avoiding templated defaults.
1 · bundle
quieter
Refines overly bold or aggressive designs into a calmer, more sophisticated aesthetic while preserving effectiveness and usability.
61
frontend-design
Guides distinctive, intentional visual design for new UI or existing interfaces, covering aesthetic direction, typography, and avoiding templated defaults.
158k · bundle
canvas-design
Creates visual art in .png and .pdf documents by first generating a design philosophy and then expressing it on a canvas.
158k · bundle
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
0 · bundle
frontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
0 · bundle
muapi-url-to-design
Analyze a website URL and generate a redesigned, improved UI with modern aesthetics, better hierarchy, and fresh brand direction.
3.7k
muapi-rednote-cover
Generate Xiaohongshu (RedNote) style cover images with aesthetic typography overlays, using the muapi CLI for AI image generation and editing.
3.7k
web-proto-brutalist
Generates brutalist web prototypes with Swiss industrial-print aesthetics, using grotesque typography, oversized numbers, ASCII decorations, and hazard-red accents.
· bundle
deck-magazine-web
Create horizontal-swipe HTML presentations with magazine and e-ink aesthetics, featuring WebGL fluid backgrounds, serif display fonts, and keyboard navigation.
· bundle
muapi-photo-pack-generator
Generate a pack of professional or aesthetic photos from a single reference image while preserving the exact identity of the person.
3.7k · bundle
doc-kami-parchment
Generates serious, typeset documents (one-pagers, reports, letters, resumes, slides, equity reports, changelogs) with a warm parchment aesthetic, ink-blue accent, and single serif font per language.
· bundle
ollama-design-analysis
Documents the design system behind Ollama's marketing site, including color tokens, typography hierarchy, spacing, and component patterns for a minimal, documentation-first aesthetic.
50.9k · bundle
geist
Expert guidance for Geist, Vercel's default typography system and font family for precise Next.js interfaces. Use when configuring Geist Sans, Geist Mono, or Geist Pixel, setting up font imports, or applying Vercel typography and aesthetic guidance.
0 · bundle
mintlify-design-analysis
Analyzes Mintlify's design system, documenting its dual-mode aesthetic of atmospheric marketing heroes and dense developer documentation surfaces, including color tokens, typography hierarchy, and layout patterns.
50.9k · bundle
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Covers design thinking, typography pairing, color theory, motion design, spatial composition, and code quality. Generates real working code — HTML/CSS/JS or React — with intentional aesthetic direction, not generic AI output.
105 · bundle
frame-light-leak-cinema
Generates a single-frame HTML template with a cinematic film-leak aesthetic: warm light leaks, 35mm grain, 2.39:1 letterbox, and serif typography for opening titles or chapter cards.
· bundle
industrial-brutalist-ui
Build web interfaces that fuse Swiss typographic design with military terminal aesthetics, using rigid grids, extreme type scale contrast, utilitarian color, and analog degradation effects for data-heavy dashboards, portfolios, or editorial sites.
nintendo-com-2001-analysis
Analyzes the design language of Nintendo.com from 2001, documenting its brushed-periwinkle chrome interface, beveled metal plates, chamfered panel geometry, carbon-navy command layer, rationed warm accents, photographic hero fields, and box-art typography.
50.9k · bundle
taste
Provides a creative-direction layer for music videos and short-form edits, defining an angelcore/cloud-trance/hyperpop aesthetic with mood, color, light, and beat-synced editing grammar, and orchestrating video production skills into a pipeline.
1 · bundle
apple-design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces. Also applies to any HTML-rendered output with interactive elements — investor decks, annual reports, product pages, slide presentations (Reveal.js, Guizang PPT), interactive documents, and landing pages that need premium feel beyond static aesthetics. Not for static Word/PDF generation (typography rules only).
0 · bundle
impeccable
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics. Trigger scenarios — use when the user mentions any of: - UI design, frontend design, web design, interface design, 界面设计, 前端设计 - responsive layout, mobile adaptation, breakpoints, 响应式, 自适应, 适配 - animation, motion, micro-interaction, transitions, 动画, 动效, 微交互 - UX copy, microcopy, error messages, labels, UX 文案, 文案优化 - performance optimization, bundle size, rendering, 性能优化, 渲染, 加载速度 - accessibility audit, a11y, WCAG, 无障碍, 可访问性 - design review, design critique, UX evaluation, 设计评审, 设计审查 - typography, fonts, type hierarchy, 字体, 排版, 字号 - color palette, color scheme, theming, 配色, 色彩, 主题 - layout, spacing, visual rhythm, grid
228 · bundle
color-theory
World-class color theory expertise combining the scientific precision of Josef Albers' "Interaction of Color," the systematic thinking of color systems from Pantone and RAL, and the perceptual psychology insights from researchers like Bevil Conway. Color is not just aesthetics - it's communication, emotion, and usability compressed into wavelengths. Great color work is invisible when done right. Users don't notice "nice colors" - they notice when they can't read text, when buttons don't look clickable, when errors don't feel urgent, or when the interface feels "off" without knowing why. Color theory is the science of making the right thing feel obvious. Use when "color theory, color palette, color scheme, color harmony, complementary colors, analogous colors, contrast ratio, dark mode colors, light mode, color tokens, semantic colors, color accessibility, color blindness, color psychology, color system, brand colors, data visualization colors, color, design, accessibility, contrast, dark-mode, theming, tokens
128 · bundle