Topic

Design & UI

Visual craft, frontend design systems, taste

Skills in this topic

#

Skill

Source

8W Activity

Installs

agent-browser Official Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, …

vercel-labs/agent-browser

hyperframes-cli Use the HyperFrames CLI development loop: init, add, catalog, capture, lint, check, snapshot, compare, grade-compare,…

heygen-com/hyperframes

hyperframes Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, …

heygen-com/hyperframes

frontend-design Official Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aes…

anthropics/skills

reddit-automation Find Reddit threads where people are genuinely asking for what you offer, then draft short, genuinely helpful replies…

flowkit-labs/skills

hyperframes-animation All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broad…

heygen-com/hyperframes

design-mobile-apps Use when the user wants to design a mobile app or UI screens, when they mention their Sleek (sleek.design) projects, …

designed-by-ai/skills

hyperframes-core The HyperFrames composition contract — build one renderable project.

heygen-com/hyperframes

domain-modeling Build and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a CONTEXT.md…

mattpocock/skills

codebase-design Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find…

mattpocock/skills

ai-image-generation Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: …

101-skills/superpowers

lark-event Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume …

ai-avatar-video Create AI avatar and talking head videos via inference.sh CLI. Recommended: P-Video-Avatar (fastest, cheapest, built-…

101-skills/superpowers

web-design-guidelines Official Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

vercel-labs/agent-skills

anti-ui-slop Stop coding agents from shipping generic UI.

hyperframes-keyframes Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visu…

heygen-com/hyperframes

design-taste-frontend tasteskill v2, the anti-slop frontend skill. Art direction for websites, distilled from a study of 247 curated galler…

leonxlnx/taste-skill

ui-taste Install the ui-taste skill for your AI agent. Published on uizze.sh.

general-video Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: compan…

heygen-com/hyperframes

microsoft-foundry Official Build, deploy, evaluate, optimize, fine-tune, and manage Microsoft Foundry agents, models, and resources end to end. …

microsoft/azure-skills

azure-diagnostics Official Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe triage. WHEN: debug pr…

microsoft/azure-skills

ai-image-generation Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: …

magentosh/superpowers

ai-avatar-video Create AI avatar and talking head videos via inference.sh CLI. Recommended: P-Video-Avatar (fastest, cheapest, built-…

magentosh/superpowers

azure-deploy Official Execute Azure deployments for ALREADY-PREPARED applications that have existing .azure/deployment-plan.md and infrastr…

microsoft/azure-skills

azure-validate Official Pre-deployment validation for Azure readiness. Run deep checks on configuration, infrastructure (Bicep or Terraform),…

microsoft/azure-skills

entra-app-registration Official Guides Microsoft Entra ID app registration, OAuth 2.0 authentication, and MSAL integration. USE FOR: create app regis…

microsoft/azure-skills

appinsights-instrumentation Official Guidance for instrumenting webapps with Azure Application Insights. Provides telemetry patterns, SDK setup, and confi…

microsoft/azure-skills

azure-resource-visualizer Official Analyze Azure resource groups and generate detailed Mermaid architecture diagrams showing the relationships between i…

microsoft/azure-skills

google-agents-cli-adk-code This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create…

google/agents-cli

google-agents-cli-deploy This skill should be used when the user wants to "deploy an agent", "deploy my ADK agent", "set up CI/CD", "configure…

google/agents-cli

google-agents-cli-publish This skill should be used when the user wants to "publish an agent", "publish my ADK agent", "register an agent with …

google/agents-cli

google-agents-cli-workflow This skill should be used when the user wants to "develop an agent", "build an agent using ADK", "run the agent local…

google/agents-cli

google-agents-cli-eval This skill should be used when the user wants to "run an evaluation", "evaluate my agent", "evaluate my ADK agent", "…

google/agents-cli

google-agents-cli-scaffold This skill should be used when the user wants to "create an agent project", "start a new ADK project", "build me a ne…

google/agents-cli

google-agents-cli-observability This skill should be used when the user wants to "set up tracing", "monitor my agent", "configure logging", "add obse…

google/agents-cli

faceless-explainer Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or foot…

heygen-com/hyperframes

lark-doc 飞书云文档（Docx / Wiki）?

lark-base 飞书多维表格（Base）操作：建表、字段、记录、视图、统计、?

lark-shared Use for lark-cli setup/auth tasks: auth login/status/logout, user vs bot identity, business-domain permissions (--dom…

motion-graphics A short, design-led motion graphic where motion is the message — kinetic typography, stat count-up, chart/data-viz hi…

heygen-com/hyperframes

lark-im 飞书即时通讯：收发消息和管理群聊。发送和回复消息、搜索聊天记录、管理群聊成员、上传下载图片和文件、管理表?

lark-drive 飞书云空间（云盘/云存储）：管理 Drive 文件和文件夹，?

lark-sheets 飞书电子表格：创建和操作电子表格。支持创建表格、管理工作表与行列结构（增删/合并/调整尺寸/隐藏/冻结）、读写单?

lark-wiki 飞书知识库：管理知识空间、空间成员和文档节点。创建和查询知识空间、查看和管理空间成员、管理节点层级结构、在知识库中组…

lark-whiteboard 飞书画板：查询和编辑飞书云文档中的画板。支持导出画板为预览图片、导出原始节点结构、使用多种格式更新画板? 当用户需要查…

lark-task 飞书任务：管理任务、?

lark-calendar 飞书日历：管理日历日程和会议室。查看/搜索日程、创建/更新日程、管理参会人、查询忙闲和推荐时段、预定会议室。当用户需要…

remotion-to-hyperframes Port an existing Remotion (React) composition''s source to HyperFrames HTML. Use ONLY on an explicit ask to port/conv…

heygen-com/hyperframes

lark-mail 飞书邮箱：Use when user mentions 起草邮件、写邮件、草稿、发送/回复/转发邮件、查?

lark-event Lark/Feishu real-time event listening / subscribing / consuming: stream events as NDJSON via `lark-cli event consume …

ai-avatar-video Create AI avatar and talking head videos via inference.sh CLI. Recommended: P-Video-Avatar (fastest, cheapest, built-…

qu-skills/superpowers

lark-contact 飞书 / Lark 通讯录:按姓名 / 邮箱解析成 open_id,或按 open_id 反查姓名 / 部门 / 邮箱 / 联系方式 / 个人状态 / 签名,以及…

ai-image-generation Generate AI images with GPT-Image-2, FLUX, Gemini, Grok, Seedream, Reve and 50+ models via inference.sh CLI. Models: …

qu-skills/superpowers

lark-workflow-meeting-summary 会议纪要整理工作流：汇总指定时间范围?

lark-workflow-standup-report 日程?

lark-openapi-explorer 飞书/Lark 原生 OpenAPI 探索：从官方文档库中挖掘未经 CLI 封?

lark-skill-maker 创建 lark-cli 的自定义 Skill。当用户需要把飞书 API 操作封?

high-end-visual-design Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and anim…

leonxlnx/taste-skill

supabase-postgres-best-practices Official Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill BEFORE writing or chan…

supabase/agent-skills

redesign-existing-projects Upgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and ap…

leonxlnx/taste-skill

lark-approval 飞书审批：查询和处理审批?

nano-banana-2 Generate images with Google Nano Banana 2 (Gemini-family flash-tier text-to-image) on RunComfy — bundled with the mod…

prime-skills/runcomfy-agent-skills

image-edit Edit images on RunComfy — this skill is a smart router that matches the user's intent to the right edit model in the …

prime-skills/runcomfy-agent-skills

nano-banana-edit Edit images with Google Nano Banana 2 (image-to-image edit endpoint) on RunComfy. Documents Nano Banana Edit's streng…

prime-skills/runcomfy-agent-skills

flux-kontext Edit images with Flux 1 Kontext Pro (Black Forest Labs' precise local image-edit model) on RunComfy — bundled with th…

prime-skills/runcomfy-agent-skills

gpt-image-edit Edit images with OpenAI GPT Image 2 (the `/edit` endpoint of ChatGPT Images 2.0) on RunComfy — bundled with the model…

prime-skills/runcomfy-agent-skills

flux-2-klein Generate images with Flux 2 Klein (Black Forest Labs' distilled fast variant of Flux 2) on RunComfy — bundled with th…

prime-skills/runcomfy-agent-skills

azure-enterprise-infra-planner Official Architect and provision enterprise Azure infrastructure from workload descriptions. For cloud architects and platform…

microsoft/azure-skills

azure-kubernetes Official Plan, create, and configure production-ready Azure Kubernetes Service (AKS) clusters. Covers Day-0 checklist, SKU sel…

microsoft/azure-skills

embedded-captions Add captions or subtitles to an existing single-subject talking-head video without editing the footage. Use for plain…

heygen-com/hyperframes

lark-slides 飞书幻灯片：创建和编辑幻灯片。创建演示文稿、读取幻灯片?

minimalist-ui Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No …

leonxlnx/taste-skill

pr-to-video Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer …

heygen-com/hyperframes

loop-me Grill me about specs for the workflows I want to build, within this workspace.

mattpocock/skills

lark-attendance 飞书考勤打卡：查询自己的考勤打卡记录

ui-ux-pro-max UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing…

nextlevelbuilder/ui-ux-pro-max-skill

lark-okr 飞书 OKR：管理目标与?

codex-pet Codex Pet generator on RunComfy. Build a Codex-compatible Codex Pet spritesheet.webp + pet.json from a single referen…

prime-skills/runcomfy-agent-skills

ai-image-generation Generate and edit images on RunComfy via the `runcomfy` CLI — a smart router across the full image-model catalog: FLU…

genmedia-labs/skills

brainstorming You MUST use this before any creative work - creating features, building components, adding functionality, or modifyi…

obra/superpowers

full-output-enforcement Overrides default LLM truncation behavior. Enforces complete code generation, bans placeholder patterns, and handles …

leonxlnx/taste-skill

caveman-help Quick-reference card for caveman modes, skills and commands.

juliusbrussee/caveman

gpt-taste Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AI…

leonxlnx/taste-skill

industrial-brutalist-ui Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type…

leonxlnx/taste-skill

stitch-design-taste Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-g…

leonxlnx/taste-skill

brandkit Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks,…

leonxlnx/taste-skill

lark-markdown 飞书 Markdown：查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件，或比较?

ai-image-generation Generate and edit images on RunComfy via the `runcomfy` CLI — a smart router across the full image-model catalog: FLU…

prime-skills/runcomfy-agent-skills

image-to-code Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design imag…

leonxlnx/taste-skill

face-swap Swap a face / character into video or images on RunComfy via the `runcomfy` CLI. Routes across community Wan 2-2 Anim…

prime-skills/runcomfy-agent-skills

talking-head-recut Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic tit…

heygen-com/hyperframes

image-inpainting Mask-driven image inpainting on RunComfy via the `runcomfy` CLI. Routes to Tongyi MAI Z-Image Turbo Inpainting (the d…

prime-skills/runcomfy-agent-skills

video-extend Extend or continue an existing video clip on RunComfy via the `runcomfy` CLI. Routes to Google Veo 3-1's `extend-vide…

prime-skills/runcomfy-agent-skills

image-outpainting Image outpainting on RunComfy via the `runcomfy` CLI — extend a still beyond its original canvas, fill in what the ca…

prime-skills/runcomfy-agent-skills

relight Relight a still image — change the lighting setup, color temperature, direction, or mood — on RunComfy via the `runco…

prime-skills/runcomfy-agent-skills

video-outpainting Video outpainting on RunComfy via the `runcomfy` CLI — extend the spatial canvas of a video, change aspect ratio (9:1…

prime-skills/runcomfy-agent-skills

imagegen-frontend-web Elite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUT…

leonxlnx/taste-skill

prisma-database-setup Official Guides for configuring Prisma with different database providers (PostgreSQL, MySQL, SQLite, MongoDB, etc.). Use when …