UI 组件
基于代码的 UI 组件生成与样式实现
user-research
Logos-Liber
Research methodologies, user interviews, surveys, usability testing, persona creation, and insight extraction
accessibility
Logos-Liber
WCAG 2.1 guidelines, screen reader compatibility, keyboard navigation, color contrast, semantic HTML, and ARIA attributes
marketing-conventions
Logos-Liber
Brand voice guidelines, style standards, and messaging conventions for marketing content
social-platforms
Logos-Liber
Platform-specific guidelines, best practices, and strategies for social media marketing
cross-platform
Logos-Liber
Cross-platform development guidelines and best practices for the mobile-dev team
ios-development
Logos-Liber
iOS development guidelines and best practices for the mobile-dev team
__TEAM__-conventions
Logos-Liber
Coding conventions and patterns for the TEAM team
android-development
Logos-Liber
Android development guidelines and best practices for the mobile-dev team
format-design
SimHacker
"How to design formats that succeed â simplicity, community, timing"
manufacturing-intelligence
SimHacker
"The slogan unpacked — seven readings of 'Manufacturing Intelligence'"
debate
SimHacker
"Structured multi-perspective deliberation through adversarial dialogue"
logistic-container
SimHacker
"Factorio-style logistics — items flow automatically between containers"
mind-mirror
SimHacker
"Personality modeling system based on Timothy Leary's 1985 software + The Sims traits"
context
SimHacker
Runtime context passed to compiled closures — the world as seen from inside
xmind
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
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
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
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
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
markus41
"UI component patterns with style-specific implementations and accessibility"
CSS Generation Skill
markus41
"Generate CSS, Tailwind, and styled-components code from design style selections"
Chakra UI Component Patterns
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
markus41
Use these accessibility patterns consistently to create inclusive applications that work for all users, including those using assistive technologies.
Keycloak Theming Skill
markus41
"Multi-tenant Keycloak authentication theming with realm-specific design systems"