UI 组件

基于代码的 UI 组件生成与样式实现

显示 1441-1464 / 共 8237 个技能

ring:using-dev-team

LerianStudio

9 specialist developer agents for backend (Go/TypeScript), DevOps, frontend, design, UI implementation, QA (backend + frontend), and SRE. Dispatch when you need deep technology expertise.

代码评审 209 6个月前

ring:dev-frontend-visual

LerianStudio

Gate 4 of frontend development cycle - ensures all components have snapshot tests covering all states, viewports, and edge cases.

测试 209 7个月前

frontend-design

AutoForgeAI

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.

动画 1769 8个月前

phase-5-design-system

popup-studio-ai

Skill for building platform-independent design systems. Develops consistent component libraries for all UI frameworks. Use proactively when user needs consistent UI components or mentions design tokens. Triggers: design system, component library, design tokens, shadcn, 디자인 시스템, デザインシステム, 设计系统, sistema de diseño, biblioteca de componentes, tokens de diseño, système de design, bibliothèque de composants, jetons de design, Design-System, Komponentenbibliothek, Design-Tokens, sistema di design, libreria di componenti, token di design Do NOT use for: one-off UI changes, backend development, or simple static sites.

代码生成 593 7个月前

mobile-developer

tao12345666333

Expert knowledge in mobile app development for iOS, Android, and cross-platform solutions

认证鉴权 37 8个月前

react-developer

tao12345666333

Expert knowledge in React development, hooks, state management, and modern React patterns

数据处理 37 8个月前

python-expert

tao12345666333

Python development best practices and advanced patterns

调试 37 8个月前

electrobun-best-practices

NeverSight

Use when building or maintaining Electrobun desktop apps in TypeScript, including electrobun.config.ts, electrobun/bun or electrobun/view imports, BrowserWindow/BrowserView usage, updater flows, and distribution artifacts.

类型 203 6个月前

tailwind-patterns

0xDarkMatter

"Quick reference for Tailwind CSS utility patterns, responsive design, and configuration. Triggers on: tailwind, utility classes, responsive design, tailwind config, dark mode css, tw classes."

Docker 32 8个月前

rest-patterns

0xDarkMatter

"Quick reference for RESTful API design patterns, HTTP semantics, caching, and rate limiting. Triggers on: rest api, http methods, status codes, api design, endpoint design, api versioning, rate limiting, caching headers."

API 开发 32 8个月前

version-planner

yunshu0909

帮助用户把产品需求拆解成渐进式版本规划。当用户说"拆版本"、"版本规划"、"MVP怎么做"、"分阶段实现"时触发。

文档生成 747 7个月前

项目目录地图构建器

yunshu0909

云舒精选的 Claude Code Skills 集合，提升开发和产品管理效率

UI 组件 747 7个月前

storefront-best-practices

medusajs

ALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart, payment flows, product pages, product listings, navigation, homepage, or ANY page/component in a storefront. CRITICAL for adding checkout, implementing cart, integrating Medusa backend, or building any ecommerce functionality. Framework-agnostic (Next.js, SvelteKit, TanStack Start, React, Vue). Provides patterns, decision frameworks, backend integration guidance.

响应式 211 7个月前

building-admin-dashboard-customizations

medusajs

Load automatically when planning, researching, or implementing Medusa Admin dashboard UI (widgets, custom pages, forms, tables, data loading, navigation). REQUIRED for all admin UI work in ALL modes (planning, implementation, exploration). Contains design patterns, component usage, and data loading patterns that MCP servers don't provide.

数据处理 211 7个月前

mental-health-analyzer

huifer

分析心理健康数据、识别心理模式、评估心理健康状况、提供个性化心理健康建议。支持与睡眠、运动、营养等其他健康数据的关联分析。

数据处理 935 7个月前

family-health-analyzer

huifer

分析家族病史、评估遗传风险、识别家庭健康模式、提供个性化预防建议

数据处理 935 7个月前

mental-health-analyzer

huifer

分析心理健康数据、识别心理模式、评估心理健康状况、提供个性化心理健康建议。支持与睡眠、运动、营养等其他健康数据的关联分析。

数据处理 935 8个月前

ai-analyzer

huifer

AI驱动的综合健康分析系统，整合多维度健康数据、识别异常模式、预测健康风险、提供个性化建议。支持智能问答和AI健康报告生成。

数据处理 935 8个月前

health-trend-analyzer

huifer

分析一段时间内健康数据的趋势和模式。关联药物、症状、生命体征、化验结果和其他健康指标的变化。识别令人担忧的趋势、改善情况，并提供数据驱动的洞察。当用户询问健康趋势、模式、随时间的变化或"我的健康状况有什么变化？"时使用。支持多维度分析（体重/BMI、症状、药物依从性、化验结果、情绪睡眠），相关性分析，变化检测，以及交互式HTML可视化报告（ECharts图表）。

数据处理 935 7个月前