UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

antfu4.6k

大语言模型与 AI

Enhance Prompt

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.

google-labs-code4.6k

IDE 插件

Design Md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

google-labs-code4.6k

销售与营销

Interface Design

This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).

Dammyjay934.6k

销售与营销

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

EpicenterHQ4.4k

教育

Styling

CSS and Tailwind styling guidelines for this codebase. Use when the user says "style this", "fix the CSS", "add classes", "not scrolling", "overflow", or when writing Tailwind utilities, using cn(), creating UI components, reviewing CSS code, fixing scroll/overflow issues in flex layouts, or deciding on wrapper element structure.

EpicenterHQ4.4k

技术文档

Web Design Guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

EpicenterHQ4.4k

CMS 与平台

Ui Development

Build UI with Redpanda Registry components, Tailwind v4, and accessibility best practices.

redpanda-data4.3k

项目管理

Aeo

Run AEO audits, fix site issues, validate schema, generate llms.txt, and compare sites.

openclaw4.2k

Previous 1…4 5 6…287 Next

Web Design Guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

vudovn7.1k

销售与营销

Ux Design

UX design methodology and external consultation. Use when creating user flows, wireframes, interaction patterns, or getting UX feedback. Provides structured frameworks for user-centered design.

civitai7.1k

CMS 与平台

Quick Mockups

Create multiple UI design mockups in parallel. Use when asked to create mockups, wireframes, or design variations for a feature. Creates HTML files using Mantine v7 + Tailwind following Civitai's design system.

civitai7.1k

设计

Pixel Art

Generate pixel art SVG illustrations for READMEs, docs, or slides. Use when user says "画像素图", "pixel art", "make an SVG illustration", "README hero image", or wants a cute visual.

wanshuiyin7.0k

设计

Mermaid Diagram

Generate Mermaid diagrams from user requirements. Save .mmd and .md files to figures/ with syntax verification. Supports flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, and many more diagram types.

wanshuiyin7.0k

IDE 插件

Stage Ui Design System

Stagewise UI theming, design tokens, derived utilities, and component library reference. Use when creating, editing, or reviewing UI in apps/browser, implementing new screens or components, or styling with Tailwind in the stagewise codebase.

stagewise-io6.6k

移动端

Figma

Complete guide for the Figma plugin — REST API access, real-time selection monitoring via CDP, and the figma-app interactive UI. Read this IMMEDIATELY when the user asks to work with Figma.

stagewise-io6.6k

CMS 与平台

Preline Theme Generator

Generates beautiful, consistent Preline Theme CSS files. Agent interprets user request, runs build script, delivers complete CSS.

htmlstreamofficial6.3k

设计

Ppt Master

AI-driven multi-format SVG content generation system. Converts source documents (PDF/DOCX/URL/Markdown) into high-quality SVG pages and exports to PPTX through multi-role collaboration. Use when user asks to "create PPT", "make presentation", "生成PPT", "做PPT", "制作演示文稿", or mentions "ppt-master".

hugohe36.3k

调试

Core Web Vitals

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".

gsd-build6.1k

调试

Web Quality Audit

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".

gsd-build6.1k

教育

Userinterface Wiki

UI/UX best practices for web interfaces. Use when reviewing animations, CSS, audio, typography, UX patterns, prefetching, or icon implementations. Covers 11 categories from animation principles to typography. Outputs file:line findings.

gsd-build6.1k

技术文档

Web Design Guidelines

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

JimmyLv6.0k

架构模式

Core Components

Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.

ChrisWiles5.8k

前端

Frontend Style Guide

Apply the Lightdash frontend style guide when working on React components, migrating Mantine v6 to v8, or styling frontend code. Use when editing TSX files, fixing styling issues, or when user mentions Mantine, styling, or CSS modules.

lightdash5.7k

CMS 与平台

Website Preview

Take screenshots and interact with the rendered Jekyll website

missing-semester5.7k

CMS 与平台

Home Assistant Dashboard Designer

Design, update, and refactor Home Assistant Lovelace dashboards (YAML views/partials) with a constrained, machine-safe design system: button-card-first structure, minimal card-mod styling, optional flex-horseshoe + mini-graph telemetry, strict grid/vertical-stack layout rules, centralized templates, deterministic ordering, and config validation. Use for Home Assistant dashboard work (especially config/dashboards/**), when refactoring views, adding infra/home/energy/environment panels, or translating Stitch design inspiration into safe Lovelace YAML.

CCOSTAN5.2k

内容创作

Seo Competitor Pages

Generate SEO-optimized competitor comparison and alternatives pages. Covers "X vs Y" layouts, "alternatives to X" pages, feature matrices, schema markup, and conversion optimization. Use when user says "comparison page", "vs page", "alternatives page", "competitor comparison", "X vs Y", "versus", "compare competitors", or "alternative to".

AgriciDaniel5.1k

学术

Seo Content

Content quality and E-E-A-T analysis with AI citation readiness assessment. Use when user says "content quality", "E-E-A-T", "content analysis", "readability check", "thin content", or "content audit".

AgriciDaniel5.1k

销售与营销

Building Ui Ux

Use when implementing user interfaces or user experiences - guides through exploration of design variations, frontend setup, iteration, and proper integration

microsoft4.9k

CMS 与平台

Infographic Syntax Creator

Generate AntV Infographic syntax outputs. Use when asked to turn user content into the Infographic DSL (template selection, data structuring, theme), or to output `infographic <template>` plain syntax.

antvis4.9k

Web 与数字界面设计师

Web 与数字界面设计师

Unocss

Enhance Prompt

Design Md

Interface Design

Frontend Design

Styling

Web Design Guidelines

Ui Development

Aeo

Web Design Guidelines

Ux Design

Quick Mockups

Pixel Art

Mermaid Diagram

Stage Ui Design System

Figma

Preline Theme Generator

Ppt Master

Core Web Vitals

Web Quality Audit

Userinterface Wiki

Web Design Guidelines

Core Components

Frontend Style Guide

Website Preview

Home Assistant Dashboard Designer

Seo Competitor Pages

Seo Content

Building Ui Ux

Infographic Syntax Creator