UI 组件
基于代码的 UI 组件生成与样式实现
high-end-visual-design
Leonxlnx
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look cheap or generic.
sc-frontend-design
kylesnowschwartz
Create distinctive, production-grade frontend interfaces with high design quality. This skill SHOULD be used when the user asks to build web components, pages, artifacts, posters, or applications (examples: websites, landing pages, dashboards, React components, Astro components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
axiom-background-processing-ref
CharlesWiltgen
Complete background task API reference - BGTaskScheduler, BGAppRefreshTask, BGProcessingTask, BGContinuedProcessingTask (iOS 26), beginBackgroundTask, background URLSession, with all WWDC code examples
axiom-axe-ref
CharlesWiltgen
Use when automating iOS Simulator UI interactions beyond simctl capabilities. Reference for AXe CLI covering accessibility-based tapping, gestures, text input, screenshots, video recording, and UI tree inspection.
axiom-accessibility-diag
CharlesWiltgen
Use when fixing VoiceOver issues, Dynamic Type violations, color contrast failures, touch target problems, keyboard navigation gaps, or Reduce Motion support - comprehensive accessibility diagnostics with WCAG compliance, Accessibility Inspector workflows, and App Store Review preparation for iOS/macOS
seo-hreflang
AgriciDaniel
Hreflang and international SEO audit, validation, and generation. Detects common mistakes, validates language/region codes, and generates correct hreflang implementations. Use when user says "hreflang", "i18n SEO", "international SEO", "multi-language", "multi-region", or "language tags".
seo-technical
AgriciDaniel
Technical SEO audit across 8 categories: crawlability, indexability, security, URL structure, mobile, Core Web Vitals, structured data, and JavaScript rendering. Use when user says "technical SEO", "crawl issues", "robots.txt", "Core Web Vitals", "site speed", or "security headers".
seo-images
AgriciDaniel
Image optimization analysis for SEO and performance. Checks alt text, file sizes, formats, responsive images, lazy loading, and CLS prevention. Use when user says "image optimization", "alt text", "image SEO", "image size", or "image audit".
svelte-frontend
windmill-labs
Svelte coding guidelines for the Windmill frontend. MUST use when writing or modifying code in the frontend directory.
improve-codebase-architecture
windmill-labs
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
raw-app
windmill-labs
MUST use when creating raw apps.
architect-review
benjaminasterA
Master software architect specializing in modern architecture
angular-migration
benjaminasterA
"Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or ..."
angular-ui-patterns
benjaminasterA
"Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states."
de-ai-polish
cat-xierluo
检测并去除文章中的AI化表述模式，用于写作润色、文本优化、去AI腔。
web-design
xiaopu-ai
Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX 做一个""把这个截图/PRD 做成网页""做一个 landing page""出一份 design 规范"时触发。不用于后端、数据库、纯逻辑 bug 修复。
GEO Optimizer — AI Context Files
auriti-web-design
GEO Optimizer by Juan Camilo Auriti â https://github.com/auriti-web-design/geo-optimizer-skill
tp
bfly123
Create a task plan with collaborative design. Use when starting a new task or running /tp.
check-frontend
mindfold-ai
"Check if the code you just wrote follows the frontend development guidelines."
accessibility-compliance-accessibility-audit
benjaminasterA
"You are an accessibility expert specializing in WCAG compliance, inclusive design, and assistive technology compatibility. Conduct audits, identify barriers, and provide remediation guidance."
3d-web-experience
benjaminasterA
"Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing ..."
airflow-dag-patterns
benjaminasterA
"Build production Apache Airflow DAGs with best practices for operators, sensors, testing, and deployment. Use when creating data pipelines, orchestrating workflows, or scheduling batch jobs."
clipboard
bitwize-music-studio
Copies track content (lyrics, style prompts, streaming lyrics) to the system clipboard. Use when the user needs to paste lyrics or style prompts into Suno or other external tools.
pre-generation-check
bitwize-music-studio
Validates all pre-generation gates before sending tracks to Suno. Checks sources verified, lyrics reviewed, pronunciation resolved, explicit flag set, style prompt complete, and artist names cleared.