Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces. — from phamlongh230-lgtm/yamtam-engine
Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes. — from phamlongh230-lgtm/yamtam-engine
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic. — from phamlongh230-lgtm/yamtam-engine
Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces. — from phamlongh230-lgtm/yamtam-engine
High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences. — from phamlongh230-lgtm/yamtam-engine
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns. — from phamlongh230-lgtm/yamtam-engine
A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces. — from phamlongh230-lgtm/yamtam-engine
Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.
Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics. — from phamlongh230-lgtm/yamtam-engine
Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism. — from phamlongh230-lgtm/yamtam-engine
Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language. — from phamlongh230-lgtm/yamtam-engine
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity. — from phamlongh230-lgtm/yamtam-engine
Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes. — from phamlongh230-lgtm/yamtam-engine
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section — from phamlongh230-lgtm/yamtam-engine
A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that physically press into solid offset bl — from…
Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.
A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.
Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces. — from phamlongh230-lgtm/yamtam-engine
Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing. — from phamlongh230-lgtm/yamtam-engine
Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces. — from phamlongh230-lgtm/yamtam-engine
Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts. — from phamlongh230-lgtm/yamtam-engine
Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy. — from phamlongh230-lgtm/yamtam-engine
1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography. — from phamlongh230-lgtm/yamtam-engine
Ensure the user interface meets premium design standards, maintains consistency with existing design tokens, and provides a polished user experience.
Design and validity review for studies that benchmark one or more AI systems against a human-expert panel as the reference.
Amplify safe, boring designs into visually confident interfaces. Increases contrast, adds dramatic typography, introduces bold color, and creates visual tension.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare m — from…
Design API endpoints: routes, request/response shapes, authentication, pagination, error responses, and versioning strategy.
Design apprenticeship and mentor-led transfer for tacit skills through shared work, observation rubrics, and transfer tests.
Archive outdated design documentation. Use when design docs are no longer relevant, have been superseded, or document deprecated features.
Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems,…
ตรวจตาม 19 professional design rules | สำหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'design audit', 'ตรวจดีไซน์
Designs an authorization model — RBAC/ABAC/ReBAC, multi-tenant isolation, resource ownership, and policy-as-code (OPA/Cedar/Oso) — keeping authZ decisions separate from authN…
Use when you need to review a plan, OpenSpec change, specification, or implementation proposal for breaking-change risk across commands, skills, generated outputs, XML sources,…
Bootstrap a design system from a Figma file using MCP tools. Extracts token variables, identifies components, creates the directory structure, and generates scaffolded foundation…
Creates contextual design briefs before any visual work begins. Establishes product purpose, user specificity, design principles, and anti-goals.
brief สำหรับ designer/agency | สำหรับ designer, UX/UI หรือคนที่ต้อง . Triggers when user says (Thai/EN): 'design brief
Build distinctive, production-grade interfaces with Ralph Wiggum velocity. Ships working code — web or mobile — with modern CSS, fluid typography, purposeful motion, and zero…
Design-by-Contract (DbC) development - design contracts from requirements, then execute CREATE -> VERIFY -> TEST cycle.
Webデザインのスクショ撮影+デザイントークン抽出+構造化分析をvaultのKnowledge noteに保存する。 AIがコーディング時に読んで即座にデザインを再現できる形式で記録する。 このスキルは以下の場合に必ず使う: ユーザーがURLを共有して「かっこいい」「デザインいい」「参考にしたい」「保存して」「UIいい」「レイアウト好き」等と言った場合、…
Ripple-effect analysis for changes to EXISTING code or specs — trace what is affected across code, tests, docs, APIs, and specs.
Проверка дизайна сайта ВЕР СТРОЙ командой из 4 агентов — дизайнер, копирайтер, кодер, босс.
Client management expertise for interior design proposals, scope management, and project communication
Add strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes.
Design defensible comp bands tied to leveling and dated market data — set midpoints/spreads, compute compa-ratio and range penetration, surface over/under-band outliers.
Compare doc versions across git history. Use when reviewing changes, tracking evolution, or understanding modifications.
Design Component skill for Empathy Ledger. Use for storyteller cards, story cards, profile displays, and any UI component requiring cultural sensitivity.
Manage design documentation system configuration. Use when initializing the system, adding modules, or updating quality standards.
Audit and maintain design system consistency, UX/UI patterns, color palettes, and design best practices across frontend applications
Turn a visual mockup (HTML/PNG/Figma/spec) into a machine-readable design contract plus co-located mockup and #Preview/capture gates, so an executing agent cannot drift from the…
Autonomous UX copy improvement — rewrites unclear labels, error messages, microcopy, CTAs, tooltips, and onboarding text. Makes every word earn its place. Supports web and mobile.
Designer senior extremamente critico. Analisa aplicacao web em 5 pilares (Visual Consistency, Information Hierarchy, Interaction Quality, Spatial Design, Polish & Craft), captura…