Topic

Design & UI

Visual craft, frontend design systems, taste

Skills in this topic

#

Skill

Source

8W Activity

Installs

mattpocock/skills

grill-with-docs

mattpocock/skills

improve-codebase-architecture

mattpocock/skills

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

anthropics/skills

mattpocock/skills

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

setup-matt-pocock-skills

mattpocock/skills

mattpocock/skills

mattpocock/skills

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

vercel-react-best-practices Official

vercel-labs/agent-skills

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

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

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

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

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-rbac Official

microsoft/azure-skills

design-taste-frontend

leonxlnx/taste-skill

paper-context-resolver Rigor Paper Context helper for README-first deep learning repo reproduction. Use only when the README and repository …

lllllllama/rigorpilot-skills

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

azure-hosted-copilot-sdk Official

microsoft/azure-skills

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

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

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

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

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

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

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

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

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

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 …

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

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

lark-workflow-standup-report 日程?

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

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

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

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

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

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

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

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

heygen-com/hyperframes

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

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

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

heygen-com/hyperframes

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

mattpocock/skills

hyperframes-creative Non-animation creative direction for HyperFrames videos.

heygen-com/hyperframes

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

obra/superpowers

mattpocock/skills

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

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

high-end-visual-design

leonxlnx/taste-skill

redesign-existing-projects

leonxlnx/taste-skill

vercel-composition-patterns Official

vercel-labs/agent-skills

lark-vc-agent ?

leonxlnx/taste-skill

explore-run Rigor Improve / Rigor Explore run leaf skill for bounded exploratory evidence in deep learning research repositories.…

lllllllama/rigorpilot-skills

full-output-enforcement

leonxlnx/taste-skill

industrial-brutalist-ui

leonxlnx/taste-skill

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

leonxlnx/taste-skill

stitch-design-taste

leonxlnx/taste-skill

lark-apps 妙搭（Spark/Miaoda）应用开发与托管：应用创建、本地?

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

leonxlnx/taste-skill

leonxlnx/taste-skill

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

mattpocock/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 …

impeccable Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adap…

pbakaus/impeccable

imagegen-frontend-mobile Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS,…

leonxlnx/taste-skill

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

prisma-postgres Official Prisma Postgres setup and operations guidance across Console, create-db CLI, Management API, and Management API SDK.

prisma-driver-adapter-implementation Official Required reference for Prisma ORM 7 SQL driver adapter work.

prisma-upgrade-v7 Official Complete migration guide from Prisma ORM v6 to v7 covering all breaking changes.

emil-design-eng This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible …

emilkowalski/skills

prisma-compute Official Prisma Compute deployment and hosting guide. Use whenever the user mentions Prisma Compute, `prisma.compute.ts`, `def…

prisma-mongodb-upgrade Official Decision and migration guide for Prisma ORM MongoDB projects on v6, which have no upgrade path to v7.

writing-plans Use when you have a spec or requirements for a multi-step task, before touching code

obra/superpowers

using-superpowers Use when starting any conversation - establishes how to find and use skills, requiring skill invocation before ANY re…

obra/superpowers

mattpocock/skills

write-a-skill Scaffold new agent skills with structured templates, progressive disclosure, and bundled utility scripts. Guides skil…

mattpocock/skills

mattpocock/skills

design-taste-frontend-v1 The original v1 taste-skill, preserved for projects depending on its exact behavior. The current default is `design-t…

leonxlnx/taste-skill

requesting-code-review Use when completing tasks, implementing major features, or before merging to verify work meets requirements

obra/superpowers

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

design-an-interface Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants t…

mattpocock/skills

azure-cost-optimization Official

microsoft/azure-skills

setup-ts-deep-modules Wire dependency-cruiser into a TypeScript repo so each package is a deep module, with implementation hidden in subfol…

mattpocock/skills

vercel-react-native-skills Official

vercel-labs/agent-skills