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
Model a new table (or reshape an existing one) in libs/db with Drizzle — normalize by default, add the right constraints, and index deliberately.
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…
Android mockups and handoff specs — Material 3 Expressive type scale (baseline + emphasized), full color-role system (45 roles incl.
Use when a company operating internationally needs a compliance program addressing bribery and corruption risk under the FCPA, UK Bribery Act, or similar anti-corruption laws —…
Design API endpoints: routes, request/response shapes, authentication, pagination, error responses, and versioning strategy.
Design API contracts before implementation — endpoints, models, status codes (Daniel Okoye's workflow)
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 sy — from…
Use when reviewing whether an OpenSpec change's execution goal, acceptance criteria, and implementation or verification tasks are aligned.
ตรวจตาม 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,…
Use when a Java change needs independent Behavior-Driven Development guidance from trusted behavior facts through concrete examples and observable scenarios, with focused…
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
A curated library of complete design languages, reverse-engineered from real production sites or designed in-house, each with a ready-to-use CSS file and a full spec covering…
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 offensive or defensive competitive moves using Porter's framework. Use when planning competitive actions, responding to competitor moves, or managing industry discipline.
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