UI 组件
基于代码的 UI 组件生成与样式实现
go-concurrency
cxuu
Go concurrency patterns including goroutine lifecycle management, channel usage, mutex handling, and sync primitives. Use when writing concurrent Go code, spawning goroutines, working with channels, or documenting thread-safety guarantees. Based on Google and Uber Go Style Guides.
testing-react
iliaal
Writes and reviews React/TypeScript tests using Vitest and React Testing Library. Use when "write react tests", "review tests", "check tests", "vitest", "component test", "hook test", "RTL", "testing library", "snapshot test", or testing/reviewing React components, hooks, and utilities.
prd
jellydn
"Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out."
laravel-pdf
spatie
Generate PDFs from Blade views or HTML using spatie/laravel-pdf. Covers creating, formatting, saving, downloading, and testing PDFs with the Browsershot, Cloudflare, or DOMPDF driver.
agent-ui
inference-sh
"Batteries-included agent component for React/Next.js from ui.inference.sh. One component with runtime, tools, streaming, approvals, and widgets built in. Capabilities: drop-in agent, human-in-the-loop, client-side tools, form filling. Use for: building AI chat interfaces, agentic UIs, SaaS copilots, assistants. Triggers: agent component, agent ui, chat agent, shadcn agent, react agent," agentic ui, ai assistant ui, copilot ui, inference ui, human in the loop
craftedwell-brand
https-deeplearning-ai
CraftedWell brand guidelines for presentations and documents. Use this skill whenever creating or styling documents (docx, pdf) or presentations (pptx) for CraftedWell. Apply warm, artisanal aesthetic with chocolate/caramel color palette, Georgia headings, and Arial body text.
laravel-inertia-react-structure
freekmurze
Frontend structure conventions for Laravel Inertia React applications based on Spatie's production practices. Use when creating, scaffolding, or reviewing frontend code in a Laravel Inertia React project. Triggers on creating React components, pages, modules, organizing frontend directories, setting up Inertia pages, structuring a React frontend within Laravel, or when the user asks about frontend file organization in an Inertia app.
sc-think
kylesnowschwartz
Socratic thinking partner for decisions, debugging mental models, and working through uncertainty. This skill SHOULD be used when the user says "I'm stuck", "should I", "can't decide", "not sure if", "is this the right approach", "what do you think about", "help me think through", "review my plan", "am I missing something", "what am I assuming", "let me think", "brainstorm", "help me figure out", "sanity check", "does this make sense", or expresses uncertainty about a decision, design, or direction. Activates dialectical reasoning to surface assumptions, challenge positions, and find the right question to ask.
web-design-guidelines
freekmurze
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".
regression-visual
jmagly
@.claude/rules/executable-feedback.md
convex-quickstart
get-convex
Initialize a new Convex backend from scratch with schema, auth, and basic CRUD operations. Use when starting a new project or adding Convex to an existing app.
milkup-dev
Auto-Plugin
milkup 项目开发环境管理专家，深入了解项目的技术栈（Electron + Vue 3 + Milkdown + TypeScript）、 架构设计和开发工作流。负责启动开发服务器、运行 Electron 应用、热重载调试等开发任务。
moai-framework-electron
Auto-Plugin
Electron 33+ desktop app development specialist covering Main/Renderer process architecture, IPC communication, auto-update, packaging with Electron Forge and electron-builder, and security best practices. Use when building cross-platform desktop applications, implementing native OS integrations, or packaging Electron apps for distribution. [KO: Electron 데스크톱 앱, 크로스플랫폼 개발, IPC 통신] [JA: Electronデスクトップアプリ、 クロスプラットフォーム開発] [ZH: Electron桌面应用、跨平台开发]
contrast-checker
AccessLint
Color contrast analyzer for WCAG compliance. Use when analyzing color contrast in code files, when user mentions WCAG compliance, color accessibility, contrast ratios, or when discussing colors in UI components. Calculates contrast ratios, identifies violations, and suggests accessible color alternatives that preserve design themes.
front-end-testing
citypaul
DOM Testing Library patterns for behavior-driven UI testing. Framework-agnostic patterns for testing user interfaces. Use when testing any front-end application.
expectations
citypaul
Working expectations and documentation practices. Use when capturing learnings or understanding how to work with this codebase.
frappe-ui-patterns
lubusIN
UI/UX patterns and guidelines derived from official Frappe apps (CRM, Helpdesk, HRMS). Use when designing interfaces for custom Frappe applications to ensure consistency with the ecosystem.
Explorer Component Library
elbwalker
Accessible (aria labels, roles, keyboard support)
wechat-article-aggregator
wwwzhouhui
"微信公众号文章聚合器。通过 mptext.top API 批量获取指定公众号博主的最新文章列表，下载文章内容并解析为 Markdown/HTML/纯文本格式。支持按公众号名称或 fakeid 获取，预置 8 个热门 AI 技术公众号。适用场景：获取指定公众号最新文章、批量抓取多个博主内容、公众号文章聚合阅读、技术资讯采集。关键词：公众号文章获取、微信文章抓取、公众号聚合、文章采集、mptext API。"
auth-implementation-patterns
agent-skills-hub
Master authentication and authorization patterns including JWT, OAuth2, session management, and RBAC to build secure, scalable access control systems. Use when implementing auth systems, securing APIs, or debugging security issues.
avalonia-layout-zafiro
agent-skills-hub
Guidelines for modern Avalonia UI layout using Zafiro.Avalonia, emphasizing shared styles, generic components, and avoiding XAML redundancy.
gantt-chart-creator
dkyazzentwatwa
Create project timeline Gantt charts with dependencies, milestones, and progress tracking. Supports static (PNG/SVG) and interactive (HTML) output.
artifacts-builder
ComposioHQ
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
canvas-design
ComposioHQ
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.