Create UI/UX design specifications from requirements or Figma designs. Covers component specs (Atom/Molecule/Organism), accessibility audits (WCAG 2.1 AA), design tokens, responsive behavior, and dev handoffs. Triggers on "design spec", "ui spec", "component spec", "accessibility audit", "design ...
OpenClawDesign
Master expert in product design for complex systems with 10+ years of experience in data-driven systems, operational dashboards, and enterprise SaaS. Integrates six comprehensive areas - UX analysis, UI design, microcopy, user research & flows, personas & journeys, and WCAG accessibility - into o...
OpenClawDesign
ravidorr
Figma Dev Mode MCP 도구를 활용한 디자인-코드 변환 지원. 디자인 요소 추출, 코드 생성, 스크린샷 캡처, 메타데이터 분석 시 사용. Figma 링크나 디자인 작업 요청 시 자동 활성화.
OpenClawDesign
jeongsk
Build scalable design systems with design tokens, component APIs, and documentation. Use when creating or evolving component libraries.
ClaudeCodexCursorDesign
NickCrew
Design system and anti-patterns for professional UI. Ensures apps don't look "AI generated". Defines color palettes, typography, spacing, animations, and common anti-patterns to avoid. Used by Design Reviewer sub-agent to polish UI. Triggers: design review, polish UI, improve aesthetics, looks li...
ClaudeCodexCursorDesign
wasintoh
Visual and front-end development assistant powered by Google Gemini 3. Use for UI analysis, design comparison, accessibility audits, color palette extraction, screenshot-to-code conversion, generating UI assets, and text-based design assistance from briefs.
OpenClawDesign
ckorhonen
Help users develop and coach product managers. Use when someone is managing PMs, creating development plans, running performance reviews, or trying to level up their PM team's capabilities.
ClaudeCodexOpenClawHuman Resources
Manage operations concerning GitHub on behalf of user
OpenClawProduct Management
matteocervelli
Use when designing animations for banking apps, payment systems, investment platforms, or financial dashboards
ClaudeCodexOpenClawDesign
dylantarre
Access 263+ design styles with AI-optimized prompt keywords for frontend development
ClaudeCodexOpenClawDesign
Structured skill for conducting engineering trade studies and concept selection
OpenClawData & Analytics
Use this skill when users mention "sync design tokens", "Figma to code", "design system sync", "token drift", "keep tokens in sync", or want to synchronize design tokens between Figma and codebase bidirectionally with automatic drift detection and conflict resolution.
OpenClawDesign
flight505