Art & Design

Build a premium fintech, card or membership website in two-material neumorphism (soft UI) — a dark relief page with light relief "islands" for cards, panels, coins and the phone (inverted in the light theme), depth only from paired shadows (raised outer / pressed inset), heavy lowercase serif headlines, wide-tracked uppercase eyebrows and one lime "LED" accent — with signature effects - a light source that follows the cursor so every shadow on the page turns with it, engraved text that lights up word by word on scroll, an embossed credit card that tilts with the mouse, a phone rising out of an inset slot, fanning card slabs, pressable reward coins, a rotating lock dial with spotlight text...

Build a developer-tool, data, network or OSINT product website as a dark engineering grid with one bright idea inside it — a glowing SVG node topology hero (circular icon nodes, mono labels, dashed curved links, packets travelling out and back), a huge glowing condensed display headline, then a pinned scroll story where a circular aperture opens from the central node onto a light paper-grid workspace in which white cards, chips and connectors move between nodes in four phases, and the aperture closes back to dark on a glowing closing line. Ends with calm technical sections - a mono integration strip, a tab-switched architecture diagram with real screenshots, puzzle-tab module blocks, a se...

Creates single-product marketing landing pages in a clean, minimal style — bold tight headlines, light gray cards, one bright brand accent, glass navbar, and an interactive feature showcase. Includes a fixed section set (hero, features, how it works, pricing, final CTA, footer). Use when the user asks to create, build, design or redesign a landing page, product page, promo site, marketing page or homepage for an app, bot, SaaS or digital product.

Read the published overview fields for the selected destination. Use when an agent needs this published GoVisit evidence through HTTP for an integration or travel decision.

Performance, risk, comparisons, backtests and screening for US stocks and ETFs, with charts.

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive design, typography, color, spacing, motion, icons, accessibility, copywriting, conversion, and anti-AI-slop work. Use this even when the user does not mention Refero and even when the MCP server is not configured. Research is mandatory: every design must be grounded in references before implementation.

Audit website visuals and motion with real technical names, measured specs, and numbered annotated screenshots. Use for /design-spec URL, $design-spec URL, or a visual inventory. Defaults to a five-minute evidence-based audit; not a redesign.

Design and refine project-specific web and app UIs. Use for UI/UX creation, visual polish, responsive layouts, interaction states, and rendered review; preserve project context and design systems.

Builds premium talk decks in code - a 1920x1080 deck with custom pseudo-3D Codex illustrations in one colour family, minimal plain-language text, a different composition on every slide, and an editable PowerPoint, PDF and speaker script as output. Use when someone asks to make, redesign, translate or extend a slide deck, presentation, PPTX or talk for an event, or gives feedback on one ("too similar", "text jumps", "should have graphics"), especially for Vietnamese, non-technical or official aud

Rebuild a boring or confusing lecture, lab or tutorial deck (PDF or PPTX) as a clear, engaging Slides artifact with analogies, worked examples, quizzes, drawn diagrams alongside the source's own pictures, animation and eye-catching commands, in English, Hebrew, or both. Use when someone shares course slides and says they are boring, unclear or hard to follow, asks to "explain it better", "remake the presentation", "make a new version of the lab/tutorial", or wants a Hebrew and/or English version

Edit the visible text and decoration of a web page, app screen, game menu, chart or dashboard down to what its user needs: cuts eyebrow labels, stacked titles, helper text that narrates the obvious, leaked implementation notes, vague button labels, invented stats and testimonials, cheerful loading, toast and error filler, decorative badges, dots and emoji, and chart clutter. Use it whenever the user says an interface looks AI-generated, sloppy, wordy, over-explained or like a landing page, asks

Model hard-surface and prop meshes in Blender with bmesh and verify them with numbers - n-gons, holes, flipped normals, duplicate and loose geometry, UV density. Ships a bevelled parts kit, a gate and a safe repair script. Use when building or reviewing any mesh.

기본 컴포넌트(카드 · 배지 · 탭 · KPI 타일 · 모달 · 스텝퍼)와 기본 배치(헤더 + 사이드바 + KPI 줄 + 카드 그리드)를 습관으로 깔지 않고, 과업과 데이터의 모양에서 컴포넌트 형태와 화면 뼈대를 새로 짓는다. 대담함은 구조에, 표면은 미니멀하게. 「기본 컴포넌트 말고」 「이 정보에 맞는 형태로」 「컴포넌트 형태」 「배치를 새로」 「뻔한 대시보드 말고」 요청, 또는 /bespoke-ui 로 부른다. Use when a UI needs task-specific component forms or layout skeletons instead of stock card/badge/tab/dashboard patterns; visual world and polish stay with impeccable.

Design and build product websites whose animation and visual language grow out of the product logo. Use when a user wants a logo decomposed, transformed or animated into feature illustrations, page decoration and transitions, with cohesive layout and restrained copy. Applies across brands, logo styles, page structures and frontend stacks, not just animating a header icon.

Turns pixel art or a flat logo (PNG) into a multi-colour, print-ready 3D kit - keychains, fridge magnets, coasters, wall plaques and tiles - with per-colour STL, a multi-part 3MF, a print guide (filament matches, colour-change layer heights for single-nozzle printers) and photoreal Blender previews. Use when the user wants to 3D print pixel art, a sprite, an emoji-style icon or a simple logo, make a multi-colour keychain/magnet/coaster, prepare AMS or filament-swap prints, or get STL/3MF files f

Draws and fixes research-paper method, pipeline and architecture figures as editable Claude Design boards, without image-generation models. Preserves the author's structure, sizes text for the target venue (ICML, NeurIPS, ICLR, ACL, AAAI, CVPR, IEEE, ACM, Nature), compares candidates with reference figures, measures at print size, and exports vector PDF and 300 dpi PNG. Use for "make a figure", "fix Fig. 2", "overview figure", "architecture diagram", "check my figure".

Vytvářej a průběžně opravuj editovatelné 3D modely skutečných staveb a landmarků podle fotografií, map a výškopisných dat; používej při modelování i kontrole shody se skutečností.

End-to-end pipeline for building UI that does not look AI-generated. Use when building or redesigning a website, landing page, app screen, dashboard or component, or when asked to make a UI look better, more polished or less generic. Grounds the design in the subject, derives a direction from the subject's own world (or deals one from a library of 60 palettes, 40 type pairings and 20 layouts), locks it in DESIGN.md, builds from tokens, adds motion that explains change, and reviews with a 40-rule

从想法到可演示 Demo：带用户走五步，把一个产品想法变成好看、能现场演示的交互 Demo —— 多轮访谈 → prd.md → 参考 UI → design.md → 单文件 demo.html（含演示脚本面板和场景控制台），并按用户反馈沉淀成经验库越用越顺手。 触发词：做 demo、演示 demo、demo.html、交互原型、可点击原型、产品原型、PRD 到 Demo、从想法到原型、路演 demo、高保真原型、design.md、样式卡。 适用：需要现场演示给观众看的场景（路演、评审、老板汇报、用户测试）。不适用：生产级前端实现、需要真实后端能力的系统。

Layout, interaction and color reference for dense, keyboard-first work tools (Linear-style issue trackers) and their dark marketing landing pages, measured from a real product in Nov 2026, with two runnable HTML templates. Use when building a web app, dashboard, admin panel or backoffice for issues, tasks, tickets, queues or reviews, or a SaaS/dev-tool landing page, or when the user asks for a "Linear-like" UI.

把"要做一份 PPT"变成一条从提问到交付的完整生产流程——grill 出需求与受众、锁死页码、选制作路线、三页样稿、分批产出、验收留版。用户要做演示文稿、幻灯片、汇报材料、deck，或说"做PPT""整理逐页稿""走一遍PPT流程"时使用。只要求把已有大纲直接排版成文件的，交给 frontend-slides、guizang-ppt 或 ppt-master，不要用本技能。

Моделирование и разбор 3D-головы/лица: принципы формы и топологии, студийный пайплайн, сборка game-ready головы в Blender по референсу на базовом меше MakeHuman (или с нуля скриптом), LOD, экспорт и проверка чужой модели.

Build Japanese-language PowerPoint decks (.pptx) in the style of Japanese consulting firms, without the tell-tale signs of AI-generated slides. Covers writing (文体・アクションタイトル・です/ます混在・翻訳調の除去), layout (配置・グリッド・パターン選択), and polish (フォント・配色・余白). Use this skill whenever the user wants Japanese slides, a 日本語の資料/提案書/報告書/パワポ/プレゼン, a consulting-style or コンサル風 deck, a Korean-to-Japanese deck translation, or asks to make existing Japanese slides look less AI-generated ("AIっぽくない", "AI臭", "自然な日本語", 일본어 PPT, 일본

Build premium Arabic (RTL) single-file landing pages for local businesses (clinics, law firms, printers, cafés, car service, real estate, schools...) in the codebyabdullah demo style - one procedural three.js hero object per niche that tells the offer as you scroll, GSAP + Lenis motion, editorial Arabic typography, Saudi-dialect conversion copy, a mobile performance tier system, and a Vercel static deploy. Use for "build a landing page for a <business>", "make a demo site for <niche>", "concept