UI/UX

Systematic Debugging Overview Random fixes waste time and create new bugs. Quick patches mask underl

Finishing a Development Branch Overview Guide completion of development work by presenting clear opt

Accessibility (WCAG 2.2) This skill ensures that digital interfaces are Perceivable, Operable, Under

Android Clean Architecture Clean Architecture patterns for Android and KMP projects. Covers module b

Browser QA — Automated Visual Testing & Interaction When to Use - After deploying a feature to stagi

--- name: motion-ui description: "Production-ready UI motion system for React/Next.js. Use when impl

--- name: springboot-patterns description: Spring Boot architecture patterns, REST API design, layer

--- name: gan-style-harness description: GAN（生成的敵対ネットワーク）スタイルの評価ハーネス、画像生成パターン、および品質メトリクス。 origin: EC

--- name: investor-materials description: 投資家向けマテリアル、ピッチデック、財務プレゼンテーション、およびビジネス概要。 origin: ECC --- I

--- name: windows-desktop-e2e description: E2E testing for Windows native desktop apps (WPF, WinForm

--- name: ui-demo description: Record polished UI demo videos using Playwright. Use when the user as

--- name: cpp-testing description: Use only when writing/updating/fixing C++ tests, configuring Goog

--- name: vue-patterns description: Vue.js 3 Composition API patterns, component architecture, react

--- name: orch-build-mvp description: Orchestrate bootstrapping a working MVP from a design or spec

--- name: error-handling description: Patterns for robust error handling across TypeScript, Python,

--- name: market-research description: Conduct market research, competitive analysis, investor due d

Doc Co-Authoring Workflow This skill provides a structured workflow for guiding users through collab

Brand Guidelines Write user-facing copy following Sentry's brand guidelines. When to Use You need to

Frontend Design (Distinctive, Production-Grade) You are a frontend designer-engineer, not a layout g

These are instructions for creating design philosophies - aesthetic movements that are then EXPRESSE

When to Use Use when this workflow matches the user request: A relentless interview to sharpen a pla

Based on "Design It Twice" from "A Philosophy of Software Design": your first idea is unlikely to be

--- name: grilling description: Interview the user relentlessly about a plan or design. Use when the

shadcn/ui A framework for building ui, components and design systems. Components are added as source

Token architecture, component specifications, systematic design, slide generation.

Unified design skill: brand, tokens, UI, logo, CIP, slides, banners, social photos, icons.

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui component

UI/UX Pro Max - Design Intelligence Comprehensive design guide for web and mobile applications. Cont

Overview Figma's marketing canvas is, at the system level, an editor-clean black-and-white frame. Th

--- name: frontend-design description: Create distinctive, production-grade frontend interfaces with

After Hours Editorial Template Produce a self-contained HTML editorial motion artifact in a dark lux

Agent Browser Use agent-browser for local Open Design preview validation: inspect rendered state, cl

apple-hig > Curated from raintree-technology. What it does Apple Human Interface Guidelines as 14 ag

brand-guidelines > Curated from Anthropic's official skills repository. What it does Apply Anthropic

BRANDKIT IMAGE GENERATION SKILL You are an elite brand identity art director, logo designer, visual-

SKILL: Industrial Brutalism & Tactical Telemetry UI 1. Skill Meta Name: Industrial Brutalism & Tacti

【模板: 小红书图文卡片】 - 输出 N 张连续卡片, 每张 w-1080px h-1440px, 用 flex 纵向排列方便整体截图也方便单张截图。N 由【用户内容】信息量决定: 短内容 3-6 张

color-expert > Curated from @meodai. What it does Color science expert skill with 286K words of refe

creative-director > Curated from @smixs. What it does AI creative director with recursive self-asses

d3-visualization > Curated from @jiannanya. What it does Teaches the agent to produce D3 charts and

【模板: 数据可视化报告】 - 头部: 报告标题 + 时间区间 + 数据来源说明。 - KPI 卡片网格: 3-5 个最重要指标, 每个卡片显示数值 + 同比变化 + 微型趋势线。 - 主图表区: 至

【模板: 归藏编辑墨水 Deck (Editorial × E-Ink)】 【意图】叙事、观点、分享、个人风格表达。墨纸印刷感, 不要科技感。Inspired by op7418/guizang-pp

【模板: 瑞士国际主义 Deck (Swiss International)】 【意图】事实、产品、分析、方法论表达。极度冷静、理性、学院派, 没有任何手绘 / 噪点 / 装饰。Inspired by

Design Brief Skill Parse a structured design brief into a concrete DESIGN.md and optional visual pre

design-consultation > Curated from Garry Tan (gstack). What it does Build a complete design system f

design-review > Curated from Garry Tan (gstack). What it does Designer Who Codes: visual audit then

【模板: Kami 羊皮纸文档】 【意图】严肃排版文档: one-pager / 长报告 / 信函 / 简历 / 财报 / changelog / portfolio。Inspired by tw93

Emil Kowalski Motion Follow-Up Use this skill after a design artifact already exists. The goal is to

enhance-prompt > Curated from Google Labs (Stitch). What it does Improve prompts with design specs a

Export Download Debugging Use this when an export or download appears to run but produces an empty,