components AI Agent Skills
Browse 17 skills related to components
qt-qml-component-generator
Generate QML components with proper property bindings, signal/slot connections, and Qt Quick Controls integration
convex-component-authoring
How to create, structure, and publish self-contained Convex components with proper isolation, exports, and dependency management
design-system-creator
Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).
svelte-development
Comprehensive Svelte development skill covering reactivity runes, components, stores, lifecycle, transitions, and modern Svelte 5 patterns
frontend-architecture
Component architecture, design patterns, state management strategies, module systems, build tools, and scalable application structure
angular-development
Comprehensive Angular framework development covering components, directives, services, dependency injection, routing, and reactive programming based on official Angular documentation
ui-design-patterns
Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility considerations
figma-design
Figma workflows, components, auto layout, constraints, prototyping, design systems, and plugin development based on Figma Plugin API documentation
react-development
Comprehensive React development with hooks, components, state management, context, effects, and performance optimization based on official React documentation
vuejs-development
Comprehensive Vue.js development skill covering Composition API, reactivity system, components, directives, and modern Vue 3 patterns based on official Vue.js documentation
openapi_docs
Generate comprehensive REST API documentation using SpringDoc OpenAPI 3.0 and Swagger UI in Spring Boot 3.x applications. Use when setting up API documentation, configuring Swagger UI, adding OpenAPI annotations, implementing security documentation, or enhancing REST endpoints with examples and schemas.
Convex Component Authoring
How to create, structure, and publish self-contained Convex components with proper isolation, exports, and dependency management
angular-expert
Angular framework expert including components, services, RxJS, templates, and testing
hono-jsx
Hono JSX - server-side rendering, streaming, async components, and HTML generation patterns
AIDB Architecture
Comprehensive architectural reference for AIDB core and MCP integration. Covers the six-layer architecture (MCP, Service, Session, Adapter, DAP Client, Protocol), component organization, data-flow patterns, and design decisions. Use this when explaining the overall system design or understanding how the layers interact.
design-system-starter
Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.
shadcn-master
Shadcn UI, Radix UI, and Tailwind CSS component patterns for enterprise applications