UI Components
Code-based UI component generation and styling
user-research
by Logos-Liber
Research methodologies, user interviews, surveys, usability testing, persona creation, and insight extraction
accessibility
by Logos-Liber
WCAG 2.1 guidelines, screen reader compatibility, keyboard navigation, color contrast, semantic HTML, and ARIA attributes
marketing-conventions
by Logos-Liber
Brand voice guidelines, style standards, and messaging conventions for marketing content
social-platforms
by Logos-Liber
Platform-specific guidelines, best practices, and strategies for social media marketing
cross-platform
by Logos-Liber
Cross-platform development guidelines and best practices for the mobile-dev team
ios-development
by Logos-Liber
iOS development guidelines and best practices for the mobile-dev team
__TEAM__-conventions
by Logos-Liber
Coding conventions and patterns for the TEAM team
android-development
by Logos-Liber
Android development guidelines and best practices for the mobile-dev team
format-design
by SimHacker
"How to design formats that succeed â simplicity, community, timing"
manufacturing-intelligence
by SimHacker
"The slogan unpacked — seven readings of 'Manufacturing Intelligence'"
debate
by SimHacker
"Structured multi-perspective deliberation through adversarial dialogue"
logistic-container
by SimHacker
"Factorio-style logistics — items flow automatically between containers"
mind-mirror
by SimHacker
"Personality modeling system based on Timothy Leary's 1985 software + The Sims traits"
context
by SimHacker
Runtime context passed to compiled closures — the world as seen from inside
xmind
by apeyroux
Create XMind mind map files (.xmind). Use this skill when the user asks to create a mind map, mindmap, XMind file, or brainstorming diagram. Produces native .xmind files that open directly in the XMind application.
generic-feature-developer
by travisjneuman
Guide feature development with architecture patterns for any tech stack. Covers frontend, backend, full-stack, and automation projects. Use when adding new features, modifying systems, or planning changes.
generic-fullstack-ux-designer
by travisjneuman
Professional UI/UX design expertise for full-stack applications. Covers design thinking, user psychology (Hick's/Fitts's/Jakob's Law), visual hierarchy, interaction patterns, accessibility, performance-driven design, and design critique. Use when designing features, improving UX, solving user problems, or conducting design reviews.
email-systems
by travisjneuman
Transactional email (Resend, SendGrid, SES), templates (React Email, MJML), deliverability (SPF/DKIM/DMARC), and inboxing best practices. Use when building email infrastructure, designing templates, or troubleshooting deliverability.
Component Testing with Chakra UI
by markus41
Use these testing patterns to ensure your Chakra UI components work correctly, handle user interactions properly, and remain accessible to all users.
Component Patterns Skill
by markus41
"UI component patterns with style-specific implementations and accessibility"
CSS Generation Skill
by markus41
"Generate CSS, Tailwind, and styled-components code from design style selections"
Chakra UI Component Patterns
by markus41
Use these patterns as starting points and customize them with theme tokens and responsive props to match your design system requirements.
React Accessibility with Chakra UI
by markus41
Use these accessibility patterns consistently to create inclusive applications that work for all users, including those using assistive technologies.
Keycloak Theming Skill
by markus41
"Multi-tenant Keycloak authentication theming with realm-specific design systems"