Art & Design

Research, design, redesign, and implement distinctive, high-quality websites. Use when creating a new website, redesigning an existing website, improving a website's visual design or UX, or adding polished motion and scrolling experiences.

Explore and compare UI design directions before implementation, grounded in the existing product. Use for alternative layouts, visual concepts and design handoffs; distinguish exploration from production code changes and read-only design critique.

Design, restyle, or audit a game's menus, HUD, loading screens, modals, and onboarding so they look and behave like in-game screens rather than web pages — one style contract taken from the strongest existing screen, in-game navigation conventions, and a viewport check matrix. Use when screens "look off", "too plain", "scrunched", inconsistent, or like a website, when building new screens, or when renaming player-facing names.

Build an interactive 3D map website of a trip, for any destination, from a conversation. Use when someone wants to turn a trip or itinerary into a website with real terrain, day routes and weather.

Expert technical SEO specialist. Use for website SEO audits, Next.js SEO, metadata, structured data, sitemap generation, robots.txt, indexing, Core Web Vitals, keyword optimization, internal linking, and search performance.

Research visual and interaction references for a product using a built-in website catalog plus user-supplied URLs, screenshots or recordings. Inspect and compare relevant screens and flows, capture evidence, and derive an original design brief. Use before design exploration or a reference-informed build; route debugging an existing interface to browser testing.

Use for vague whole-app design system asks on an app that already ships UI, such as "our UI is a mess, fix it", "we need a design system", "we hardcode colors everywhere", "make the buttons consistent" or "check the app before I ship". One named screen goes to ui-review, one component to component-docs, a token report to token-mapping. A repo with no UI yet is out of scope.

QA a website's Privacy Policy, Terms of Use, Disclaimer, cookie notice and compliance footer against what the site actually does. Inventory third-party hosts and trackers per route, diff them against the vendors and data categories the policy discloses, check the required-section checklist (CCPA/CPRA-style notices, sale/share opt-out, GPC, rights and methods, retention, minors, contact, effective date), check that the legal docs agree with each other and with marketing claims, and confirm the compliance links render on every route. Use for "privacy policy QA", "is our policy accurate", "update the terms", legal-page refreshes, or after adding any tracking or vendor. Complements consent-tracking-audit (consent behavior) and privacy-operations-handoff (request operations).

Get a YouTube creator's audience demographics (age, gender, country) with consent. These figures are not public, so they come from the channel owner's own YouTube Analytics or from a paid estimate. Use when asked who watches a channel, whether its audience fits a brand, or for audience age, gender or location.

Creates policy-oriented PowerPoint (.pptx) presentations designed for non-technical audiences such as donors, implementing partners, government officials, and policy stakeholders. Use this skill when the user asks for a policy presentation, a stakeholder deck, a donor briefing, results dissemination slides, or any presentation that needs to communicate research findings to a non-academic audience. Also trigger when the user mentions "policy slides", "donor presentation", "dissemination deck", "briefing slides", or wants to turn a report or evaluation into a presentation for a non-academic audience. Do NOT use this skill for academic seminar talks or conference presentations (use a Beamer or academic-slides skill for those).

Use when someone wants a design system built from the UI an app already ships, or one phase of it, such as "extract tokens from the app", "add states to our Button", "replace the hardcoded colors with tokens" or "start a design system". Moving screens onto an existing system's components is migrate-design-system. A vague whole-app ask goes to design-system-boss.

Help a non-designer turn vague preferences such as "I like this," screenshots, or reference websites into a distinct design language, then build with it. Use for discovering visual direction, reference-led site creation, or refining DESIGN.md; a routine implementation task with settled design direction does not need discovery.

Analyse et améliore l'UI/UX d'un jeu Roblox (boutons, menus, inventaire, animations, responsive, design system) sans casser le gameplay. Se déclenche avec « RobloxCleanPro » ou « polish mon jeu ».

Mobile app design skill for iOS and Android — native UI patterns, platform guidelines, gestures, navigation, typography, accessibility, Expo/React Native design, responsive mobile layouts, and modern mobile UX. Use when building or reviewing any mobile app interface.

Find and remove the visual and copy tells that make a website or UI look AI-generated ("AI slop"), and design new pages that never have them. Use when the user says de-slop, deslop, "remove AI slop", "looks AI-made", "looks generated", "make it look human-designed", "art-directed", or shares the 20 AI design slop indicators. Also use whenever building or reviewing a landing page, marketing site, portfolio, showroom or UI, so the result never needs de-slopping later.

Rewrite Japanese and English documents to remove AI style without adding or losing facts. Produce three complete restructurings, review and score them, combine their strengths when that improves the result, then verify the best version in the author's voice. Use to de-AI, humanize or clean up docs, READMEs, articles or PR text.

Comprehensive deep-dive explanation of GitHub repos, live websites/products, competitors, data products, algorithms/calculators, concepts, or any topic. Spawns parallel research + exploration agents, drives a real browser for live products, reverse-engineers calculators to runnable validated code, and saves a full doc set. Use when the user asks to "explain", "deep dive", "break down", "understand", "teardown", "reverse-engineer", "analyze a competitor", "how does X work / how do they do it", "compare us vs them", "what's the full landscape", "find all the others in this space", or to figure out a website/app/API/pricing/estimator/data pipeline — even if they don't say "explain".

Build, write and audit after Barbara Minto's Pyramid Principle and consulting practice: governing thought, SCQA opening, MECE key line, full-sentence claims. Build mode makes slide decks in two stages: ghost deck for approval, then deck with speaker notes, timing, Q&A, backup, handout. Memo mode writes answer-first prose: management summaries, briefing notes, event or meeting reports, the thesis of a day, after a short storyline gate. Audit mode reviews a deck or memo and reports weak claims, broken logic and missing elements, with rewrites. Use whenever the user asks for slides, a deck, presentation, pitch, talk, storyline, ghost deck, speaker notes, management summary, Kernbotschaft, These, Vermerk, Veranstaltungsbericht, an answer-first or Minto summary, or wants a deck or memo reviewed; also on Folien, Praesentation, Vortrag, Entscheidungsvorlage, Sprechzettel, Deck pruefen. Trigger even without the word Minto. Not for transcription, translation or plain recaps. German, English.

创建、编辑、分析 PowerPoint (.pptx) 演示文稿。当用户说'做PPT''做演示文稿''生成幻灯片''PPT排版''修改PPT''读取PPT''分析PPT'或提到'pptx''presentation''slides''幻灯片'时加载此技能。涵盖从零创建（pptxgenjs）、基于模板编辑（OOXML 解包/编辑/打包）、内容与布局 QA 全流程。

Render a Markdown report (headings, paragraphs, bullet/numbered lists, fenced code blocks with real Pygments syntax highlighting, pipe tables, bold/italic/inline-code, optional YAML-ish frontmatter) into a polished, deterministically-styled PDF — title page with brand accent bar and optional logo, running header/footer, an auto-generated back-filled and indented Table of Contents with real clickable jump-to-page links, a three-tier heading hierarchy (major/subheading/tertiary), zebra-striped bordered tables, and an optional dark theme. Use when the user wants to turn a markdown review/report/writeup into a client- or mentor-ready PDF, asks to "export this markdown as a PDF", "make this report look professional", "convert my .md to PDF", "make it dark mode/dark theme", or wants the *same* fixed layout every time (no LLM-improvised formatting) for repeatable, brand-consistent document output. Same visual language as the ColeteOnline Magento user-guide PDF generator, just driven by parsing a real .md file instea

Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design something new, or names Hallmark. Never use it on an existing design unless the user names Hallmark, as in `/hallmark redesign <path>`.

Agentic QA of a running product and of its architecture. Personas in clean contexts use the web app through the UI (onboarding, purchase, cross-account collaboration, errors, recovery, abandon and return), an observer checks business rules with independent oracles, and every observation lands in a hash-chained evidence ledger. Also reviews ADRs, RFCs, Terraform plans and Kubernetes manifests with the architect and turns decisions into checks. Use for exploratory, acceptance, E2E and regression QA, release readiness, "testa o fluxo", "faz QA", "QA de jornada", "revisa o ADR".

Human-centered UI/UX design, product discovery, interaction design, accessible interface implementation, and usability validation. Use when researching user needs, designing or improving a website/app flow, building components or design systems, refining visual hierarchy, or reviewing interface quality in any framework.

Reference for the lenne.tech CLI (`lt`): lt fullstack init/update/convert-mode, lt git, lt server, lt deployment, and lt dev (parallel projects via Caddy). Activates on any `lt` subcommand, "lenne.tech CLI", "--noConfirm", "convert-mode", "npm mode" / "vendor mode", or "Caddy tunnel". NOT for writing NestJS modules or properties by hand (use generating-nest-servers). NOT for Vue/Nuxt code (use developing-lt-frontend).