Design & Frontend
4,640 results
- Level DesignpluginagentmarketplaceLevel design fundamentals, pacing, difficulty progression, environmental storytelling, and spatial design for engaging gameplay experiences.
- LocalizealadicfPlan, implement, or improve an internationalization and localization strategy for UI content, formatting, and regional adaptation. Use when the user asks to add i18n, localize, translate, support multiple languages, handle regional formats, manage locale switching, or build a multilingual product.
- OnboardaladicfDesign onboarding and activation flows that help users reach value quickly. Use when the user mentions onboarding, getting started, first-time users, activation, aha moments, or new user flows—not when the work is only the empty-state surface itself.
- OptimizealadicfDiagnose and fix UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
- QuieteraladicfReduce visual intensity, saturation, and noise while preserving hierarchy and character. Use when the structure is basically sound but the design feels too loud, bold, garish, aggressive, or overstimulating—not when the real problem is structural clutter, too many features, or not enough personality.
- SetupaladicfGather and persist project design context such as audience, brand personality, UX goals, and implementation defaults for future better-web-ui work. Use when starting a project, defining UI direction, or establishing reusable design guidance before other better-web-ui skills.
- ShowcasealadicfCreate standout, technically ambitious interfaces that feel extraordinary through cinematic transitions, advanced motion, heavy rendering, or other high-ambition implementation work. Use when the user wants to wow, impress, go all-out, or push a feature beyond conventional UI polish—not when simple visual confidence or routine cleanup is enough.
- TypesetaladicfImprove UI typography by fixing font choices, type scale, hierarchy, weight, and readability so text feels intentional. Use when the user mentions fonts, typography, type scale, readability, text hierarchy, or sizing that feels off.
- Visual Identity Directionmike-coulbournProvides visual identity direction and creative briefing frameworks including Alina Wheeler's five-phase process, strategy-to-visual translation method, mood board methodology, logo brief structure, photography style frameworks, and typography/color direction. Auto-activates during visual direction, creative briefing, mood board creation, logo brief writing, and visual identity system work.
- Astro ExpertoimiragieoAstro framework expert including components, content collections, and integrations
- BrainstorminglifangdaUse when creating or developing anything, before writing code or implementation plans - refines rough ideas into fully-formed designs through structured Socratic questioning, alternative exploration, and incremental validation
- Brochure Design GenerationeachlabsGenerate professional brochure designs using each::sense AI. Create tri-fold, bi-fold, corporate, travel, product, real estate, healthcare, educational, event, and service brochures with print-ready layouts.
- Build Websites V27-an按用户明确需求构建、改造和修复个人、研究、组织与内容网站。适用于从材料建站、用参考站还原视觉或交互、保留内容重设计、恢复认可版本，以及内容维护和网站交付。参考效果优先核对实际源码与运行行为；设计灵感可从 Awwwards 查找。只分析、只改局部或只做本地预览时严格守住该范围。
- Compositingmatrixreligio使用 Remotion 合成最终视频。当需要将片头、录屏、配音、片尾组合成完整视频时使用。包含动画效果、时间线管理、多尺寸模板和故障处理。
- Flyer Design GenerationeachlabsGenerate professional flyers and leaflets using each::sense AI. Create event flyers, promotional materials, real estate listings, restaurant menus, and more with eye-catching designs optimized for print and digital distribution.
- Game Asset GenerationeachlabsGenerate game art assets using each::sense AI. Create 2D sprites, character sprite sheets, seamless textures, UI elements, icons, tilesets, loading screens, logos, and concept art for games.
- Poster Design GenerationeachlabsGenerate professional poster designs using each::sense AI. Create movie posters, event posters, motivational posters, product launch visuals, vintage designs, travel posters, and more with AI-powered creative generation.
- Product Videomatrixreligio产品介绍视频自动化生成。当用户需要创建产品演示视频、公司介绍短片、宣传片时使用。支持录屏演示型、图文展示型、混合型三种视频类型。
- Pyqt6 UI Development RulesoimiragieoPyQt6 desktop GUI development rules -- signal/slot architecture, QSS theming, QThread concurrency, layout management, and cross-platform rendering. Enforces MVC separation and responsive UI patterns.
- Accessible HtmlAlemTuzlakUse whenever writing, editing, or reviewing markup or UI code — HTML, JSX/TSX, Vue/Svelte/Angular templates, web components, email HTML, or CSS that affects text size, color, focus, motion, layout order, or hit area.
- Castella Packagingi2yPackage Castella applications for distribution using ux, PyInstaller, or Nuitka. Create executables, macOS app bundles, and cross-compile for other platforms.
- Designing Before CodingobraDesign in pseudocode first, iterate approaches, then translate to code
- DreamPhilipp J. ThossAI unconstrained creative exploration — drop structure to let associations form freely. The one skill that inverts standard procedure format: instead of inputs, steps, and validation, dream opens space for emergence without evaluation. Use before design work, before naming things, before choosing between approaches, or anywhere premature structure kills the best option.
- Epic WorkshopAlemTuzlakUse when generating, planning, authoring, or recording an Epic Web / Epic React style workshop, exercise, tip, or video. Applies Kent C. Dodds' "How to be an Epic Instructor" principles to workshop design, exercise structure, recording, and material delivery, and encodes Epic Web's exercise-comment emoji conventions. Used to generate workshops following https://www.epicweb.dev/get-started.