Components d’interfície
Generació de components d’interfície i implementació d’estils amb codi
system-architect
nahisaho
Copilot agent that assists with architecture design, C4 model diagrams, ADR creation, and tradeoff analysis Trigger terms: architecture, system design, C4 model, ADR, architecture decision, design patterns, component design, architecture diagram, microservices, monolith, scalability Use when: User requests involve system architect tasks.
ui-ux-designer
nahisaho
Copilot agent that assists with user interface and experience design, wireframes, prototypes, design systems, and usability testing Trigger terms: UI design, UX design, wireframe, mockup, prototype, user interface, user experience, design system, component library, accessibility, responsive design Use when: User requests involve ui ux designer tasks.
database-schema-designer
nahisaho
Copilot agent for database schema design, ER diagrams, normalization, DDL generation, and performance optimization Trigger terms: database design, schema design, ER diagram, normalization, DDL, database modeling, relational database, NoSQL design, data modeling, migration plan Use when: User requests involve database schema designer tasks.
software-developer
nahisaho
software-developer skill Trigger terms: implement, code, development, programming, coding, build feature, create function, write code, SOLID principles, clean code, refactor Use when: User requests involve software developer tasks.
brainstorming
romiluz13
"Internal skill. Use cc10x-router for all development tasks."
项目目录地图构建器
yunshu0909
云舒精选的 Claude Code Skills 集合，提升开发和产品管理效率
motion-sv
SikandarJODD
Documentation and patterns for using motion-sv, a Svelte 5 port of Motion (Framer Motion). Use this when the user wants animations, gestures, or transitions in Svelte.
onchainkit
BankrBot
Build onchain applications with React components and TypeScript utilities from Coinbase's OnchainKit. Use when users want to create crypto wallets, swap tokens, mint NFTs, build payments, display blockchain identities, or develop any onchain app functionality. Supports wallet connection, transaction building, token operations, identity management, and complete onchain app development workflows.
community-ff-mcp
mohn93
Teaches AI assistants how to develop FlutterFlow apps using MCP tools. Use this skill when working with FlutterFlow projects, editing FF YAML, creating or inspecting pages and components, reading project configuration, or navigating FlutterFlow widget trees. It covers all 25 MCP tools for discovery, reading, editing, and settings. Triggers on: FlutterFlow, FF YAML, FF page, FF component, FF widget, FF theme, FF project.
ios-testing-patterns
conorluddy
XCTest and XCUITest execution workflows and flaky test detection patterns
ui-automation-workflows
conorluddy
Accessibility-first UI automation using IDB. Query accessibility tree (fast, 50 tokens) before screenshots (slow, 170 tokens). Use when automating simulator interactions, tapping UI elements, finding buttons, or testing user flows. Covers idb-ui-describe, idb-ui-tap, idb-ui-find-element patterns.
vitepress
DaveSkender
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
indicator-catalog
DaveSkender
Create and register indicator catalog entries for automation. Use for Catalog.cs files, CatalogListingBuilder patterns, parameter/result definitions, and PopulateCatalog registration.
openspec-verify-change
studyzy
验证实现是否与变更产出物匹配。当用户想要在归档前验证实现是否完整、正确且一致时使用。
openspec-verify-change
studyzy
验证实现是否与变更产出物匹配。当用户想要在归档前验证实现是否完整、正确且一致时使用。
openspec-explore
studyzy
进入探索模式 - 一个用于探索想法、调查问题和澄清需求的思考伙伴。当用户想要在进行更改之前或期间深入思考某事时使用。
openspec-explore
studyzy
进入探索模式 - 一个用于探索想法、调查问题和澄清需求的思考伙伴。当用户想要在进行更改之前或期间深入思考某事时使用。
infocard
markdown-viewer
Create editorial-style information cards using HTML/CSS embedded directly in Markdown. Best for knowledge summaries, data highlights, topic overviews, event announcements, and content cards with magazine-quality typography and layout. NOT for architecture diagrams (use architecture), flowcharts (use mermaid), or data visualization (use vega).
react-email
novuhq
Use when creating HTML email templates with React components - welcome emails, password resets, notifications, order confirmations, newsletters, or transactional emails.
ux-sound-design
guia-matthieu
"Create functional and emotionally resonant audio for digital products using Audio UX methodology—from notification sounds to complete sonic systems. Use when: Designing notification sounds for an app; Creating a complete audio system for a digital product; Adding audio feedback to UI interactions; Building accessible audio cues; Defining audio guidelines for product teams"
voice-update
pchalasani
This skill should be used when the agent needs to give a spoken voice update to the user, or when reminded by a Stop hook to provide audio feedback. Use this skill to speak a short summary of what was accomplished.
uloop-get-hierarchy
hatayama
"Get Unity Hierarchy structure. Use when: inspecting scene structure, exploring GameObjects, checking parent-child relationships, or when user asks about hierarchy. Returns the scene's GameObject tree with components."
looking-up-docs
alexei-led
Library documentation via Context7. Use for API references, code examples, framework docs.
wevu-best-practices
weapp-vite
面向小程序中 wevu 运行时的实践手册，覆盖生命周期注册、响应式更新、JSX/TSX、事件契约、bindModel/useBindModel、layout、原生 router helpers、wevu/router、store 约束，以及 setData 调度、渲染、页面切换、资源与内存性能治理。