All authors
Claude Skills by diegosouzapw
github.com/diegosouzapw10,763 skills129 installs19,773 views
- Ui Design SycskyProfessional UI design and frontend interface guidelines. Use this skill when creating web pages, mini-program interfaces, prototypes, or any frontend UI components that require distinctive, production-grade design with exceptional aesthetic quality.Votes: 0GitHub stars: 57
- Ui DesignApplies consistent renderer UI/UX implementation patterns using a Vercel-inspired white theme, strong accessibility defaults, and repository component conventions.Votes: 0GitHub stars: 57
- Ui Designer YnittoUI/UX デザインインテリジェンス。Webアプリの画面構成、レイアウト、コンポーネント、スタイル方針をまとめる。50以上のスタイル、97カラーパレット、57フォントペアリング、99 UXガイドライン、25チャートタイプ、9テクノロジースタック対応の検索可能なデザインデータベース付き。Votes: 0GitHub stars: 57
- Ui DesignerGenerate and serve live HTML/CSS/JS UI designs from natural language prompts. Use when the user asks to design, create, build, or prototype a website, landing page, UI, dashboard, web page, or frontend mockup. Also triggers on requests to update, tweak, or iterate on a previously generated design. Replaces traditional UI design + frontend dev workflow.Votes: 0GitHub stars: 57
- Ui Implementer MadappgangImplements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. Use when user provides a design and wants pixel-perfect UI implementation with design fidelity validation. Triggers automatically when user mentions Figma links, design screenshots, or wants to implement UI from designs.Votes: 0GitHub stars: 57
- Ui IterationIterate on UI visuals by editing code, hot reloading, capturing screenshots, and refining in loops.Votes: 0GitHub stars: 57
- Ui SkillsOpinionated constraints for building better interfaces with agents.Votes: 0GitHub stars: 57
- Ui Ux Design SystemExpert in building premium, accessible UI/UX design systems for SaaS apps. Covers design tokens, component architecture with shadcn/ui and Radix, dark mode, glassmorphism, micro-animations, responsive layouts, and accessibility. Use when: ui, ux, design system, shadcn, radix, tailwind, dark mode, animation, accessibility, components, figma to code.Votes: 0GitHub stars: 57
- Ui Ux Improve Majiayu000Research UI/UX improvements with trend analysis and generate actionable recommendations. Use when you need comprehensive UI/UX analysis and improvement suggestions.Votes: 0GitHub stars: 57
- Ui Ux Ink666Searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices.Votes: 0GitHub stars: 57
- Ui Ux Principles Majiayu000Apply core UI/UX design principles for intuitive, beautiful interfaces. Covers visual hierarchy, color theory, typography, spacing systems, Gestalt principles, usability heuristics, and user-centered design. Use for design decisions, layout planning, and creating polished user experiences.Votes: 0GitHub stars: 57
- Ui Ux Pro Max Aaravjj2UI/UX design intelligence with searchable databaseVotes: 0GitHub stars: 57
- Ui Ux Pro Max AlexsandrocruzUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.Votes: 0GitHub stars: 57
- Ui Ux Pro Max AnyulledUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.Votes: 0GitHub stars: 57
- Ui Ux Pro Max Bl1nk BotUI/UX design intelligence with searchable databaseVotes: 0GitHub stars: 57
- Ui Ux Pro Max Brite NitesDesign system generation and UI/UX planning intelligence. Use when the user needs to choose a color palette, select fonts, generate a design system, plan a visual direction, or explore UI styles before implementation. Covers 50+ styles, 97 palettes, 57 font pairings across 9 stacks. Do NOT use for building/coding UI — use frontend-design for implementation.Votes: 0GitHub stars: 57
- Ui Ux Pro Max DarkhighnessUI/UX design intelligence with searchable databaseVotes: 0GitHub stars: 57
- Ui Ux Pro Max DerklinkeUse when designing/reviewing UI or UX for web/mobile products, selecting style/color/typography/layout/animation/chart patterns, or generating stack-specific implementation guidance (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui).Votes: 0GitHub stars: 57
- Ui Ux Pro Max FalconntUse when building UI that needs systematic design decisions, accessibility compliance, UX best practices, or pre-delivery quality checks - complements designing-frontends for production-grade interfacesVotes: 0GitHub stars: 57
- Ui Ux Pro Max GrupousUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Nat...Votes: 0GitHub stars: 57
- Ui Ux Pro Max Ivanli CnUI/UX design intelligence with searchable databaseVotes: 0GitHub stars: 57
- Ui Ux Pro Max JackiexiaoQUERY LENGTH LIMIT EXCEEDED. MAX ALLOWED QUERY : 500 CHARSVotes: 0GitHub stars: 57
- Ui Ux Pro Max Jimmy1987sUI/UX 設計智能助手。50 種風格、21 套配色、50 組字體搭配、20 種圖表、8 種技術棧（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind）。動作：規劃、建構、創建、設計、實作、審查、修復、改進、優化、增強、重構、檢查 UI/UX 程式碼。專案：網站、登陸頁、儀表板、管理面板、電商、SaaS、作品集、部落格、行動應用程式、.html、.tsx、.vue、.svelte。元素：按鈕、彈窗、導航列、側邊欄、卡片、表格、表單、圖表。風格：玻璃擬態、黏土擬態、極簡主義、野獸派、新擬態、便當格、深色模式、響應式、擬物設計、扁平設計。主題：配色方案、無障礙設計、動畫、佈局、排版、字體搭配、間距、懸停效果、陰影、漸層。Votes: 0GitHub stars: 57
- Ui Ux Pro Max JorabekyusupovUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.Votes: 0GitHub stars: 57
- Ui Ux Pro Max JstarfilmsComprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Use when the user requests UI/UX work (design, build, create, implement, review, fix, improve).Votes: 0GitHub stars: 57
- Ui Ux Pro Max Morning Uplift Marketing CoUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.Votes: 0GitHub stars: 57
- Ui Ux Pro Max Nic519UI/UX design intelligence with searchable databaseVotes: 0GitHub stars: 57
- Ui Ux Pro Max NorthseadlUI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive. Topics: color palette, accessibility, animation, layout, typography, font pa...Votes: 0GitHub stars: 57
- Ui Ux Pro Max PupsbUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, cr...Votes: 0GitHub stars: 57
- Ui Ux Pro Max Qrcode1337UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.Votes: 0GitHub stars: 57
- Ui Ux Pro Max Ranbot AiUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, cr...Votes: 0GitHub stars: 57
- Ui Ux Pro Max Tringo0108AI-powered design intelligence for building professional UI/UX across multiple platforms and frameworks.Votes: 0GitHub stars: 57
- Ui Ux Pro Max TuyenhtTrí tuệ thiết kế UI/UX đẳng cấp Pro Max, thư viện giao diện và phong cách hiện đại.Votes: 0GitHub stars: 57
- Ui Ux Pro Max YunaameliaUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, cr...Votes: 0GitHub stars: 57
- Ui Ux Pro Max YyhuniUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks. Searchable database with priority-based recommendations.Votes: 0GitHub stars: 57
- Ui Ux Pro Max Zero Rehq57 UI styles + 95 color palettes + 56 font pairings + 24 charts + 98 UX guidelines. Motor BM25 para búsqueda inteligente.Votes: 0GitHub stars: 57
- Ui Ux Pro Max[Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks. Triggers on ui design, ux design, design system, color palette, typography, glassmorphism, claymorphism, neumorphism, bento grid, font pairing, ui-ux-pro-max, stunning interface, beautiful ui.Votes: 0GitHub stars: 57
- Ui UxUI/UX design intelligence. Activated when: designing UI, building pages, creating components, choosing colors, picking fonts, reviewing UX, building dashboards, landing pages, web design, mobile design, accessibility review, dark mode, light mode. Styles, color palettes, font pairings, UX guidelines, chart types across 13 stacks. Always delivers a structured Changes Made summary.Votes: 0GitHub stars: 57
- UnderstandoPre-commit quiz that tests your understanding of code changes before allowing commits. Use when committing code through Claude Code to ensure engineers understand what they're committing. Requires hook installation - see repository README for setup.Votes: 0GitHub stars: 57
- Ux Audit Demerzels LabAI skill for automated design audits. Evaluate interfaces against proven UX principles for visual hierarchy, accessibility, cognitive load, navigation, and more. Based on Making UX Decisions by Tommy Geoco.Votes: 0GitHub stars: 57
- Ux Expert DialogueRuns interactive expert review sessions where a senior UX composite persona (Nielsen, Krug, Kahneman, Cialdini, Ilincev) challenges decisions, provides direct critique with data-backed reasoning, and brainstorms alternatives section-by-section. Use when creating a new website/landing page and need expert challenge, want section-by-section review with quantified impact estimates, need an opponent who questions assumptions, brainstorming design alternatives, or preparing for major redesign or l...Votes: 0GitHub stars: 57
- Ux Spec AuthorConverts UX/design intent into testable design specifications that feed requirements. Use when defining user flows, accessibility, or design constraints.Votes: 0GitHub stars: 57
- Ux Ui Exp Majiayu000UI/UX design intelligence with Bootstrap 5, Font Awesome, SweetAlert2. Use: /ux-ui-exp {command}Votes: 0GitHub stars: 57
- Ux VisualizerAnalyzes source code or requirements to generate high-fidelity screen and state transition diagrams. Specialized in SPA state mapping.Votes: 0GitHub stars: 57
- Vapor Ui NeversightVapor UI design system component and icon guide, UI mockup generator, and Figma design converter. Provides component catalog, icon lookup, usage patterns, props documentation, and converts Figma designs to production-ready vapor-ui code. Use when user asks "vapor-ui components", "vapor-ui icons", "아이콘 찾기", "vapor-ui 사용법", "vapor-ui를 사용해서 시안 구현", "convert figma", "figma to code", "implement design from figma", provides a Figma URL, or mentions specific components like "Button", "Input", "Modal".Votes: 0GitHub stars: 57
- Vibe TechdesignCreate a Technical Design Document for your MVP. Use when the user wants to plan architecture, choose tech stack, or says "plan technical design", "choose tech stack", or "how should I build this".Votes: 0GitHub stars: 57
- Voxanne Branding ExpertStrategic branding, business development, and UI/UX design expertise for Voxanne AI. Combines business strategy, visual design principles, and market positioning to create enterprise-grade branding assets and go-to-market strategies. Use when designing logos, creating brand guidelines, developing marketing strategies, or positioning products against competitors like ChatGPT, Anthropic, and Google.Votes: 0GitHub stars: 57
- Web Design Guidelines AbiansReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".Votes: 0GitHub stars: 57
- Web Design Guidelines AnntnzrbReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".Votes: 0GitHub stars: 57
- Web Design Guidelines BenavidesmichaelReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".Votes: 0GitHub stars: 57