GitHub
building-uiux
Use when implementing user interfaces or user experiences - guides through exploration of design variations, frontend setup, iteration, and proper integration
☆ 106View skill
Search results for “Frontend”
Skills matching the name, description or GitHub author.
Categories: devops sales marketing
Browse skills
GitHub
apply-mantel-styles
Provides guidelines for applying Mantel's brand styles to diagrams and frontend components. Use when asked to create visuals that need to align with Mantel's branding.
☆ 95View skill
GitHub
frontend-patterns
Internal skill. Use cc10x-router for all development tasks.
☆ 89View skill
GitHub
cc10x-router
THE ONLY ENTRY POINT FOR CC10X - AUTO-LOAD AND EXECUTE for ANY development task. Triggers: build, implement, create, make, write, add, develop, code, feature, component, app, application, review, audit, check,...
☆ 89View skill
GitHub
ui-ux-pro-max
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
☆ 61View skill
GitHub
frontend-accessibility
Your approach to handling frontend accessibility. Use this skill when working on files where frontend accessibility comes into play.
☆ 52View skill
GitHub
design-review
7-phase frontend design review with accessibility (WCAG 2.1 AA), responsive testing, visual polish. Use for PR reviews, UI audits, or encountering contrast issues, broken layouts, accessibility violations, inco...
☆ 43View skill
GitHub
design-guidelines
Comprehensive UI/UX design guidelines covering visual design (typography, color, motion), user experience (cognitive psychology, interaction patterns, mental models), and Sociomedia's Human Interface Guidelines...
☆ 36View skill
GitHub
resonance-frontend
Frontend/UX Engineer Specialist ("The Glasssmith"). Implements elite UI/UX using Design Protocols and Maestro Audits.
☆ 32View skill
GitHub
motion-design
World-class motion design expertise combining Disney's 12 principles of animation, Material Design's motion system, and the performance-first philosophy of production interfaces. Motion design is the craft of b...
☆ 30View skill
GitHub
performance
Performance engineering expert for optimization, profiling, benchmarking, and scalability. Analyzes performance bottlenecks, optimizes database queries, improves frontend performance, reduces bundle size, imple...
☆ 28View skill
GitHub
ux-friction-analyzer
Comprehensive UX analysis using cognitive psychology, ADHD-friendly design, Gestalt principles, and flow state engineering. Specializes in friction audits, user journey simulation, cognitive load optimization,...
☆ 27View skill
GitHub
product-appeal-analyzer
Evaluate product desirability, market positioning, and emotional resonance—the complement to friction analysis. Assess whether users will WANT a product (not just use it), identity fit, trust signals, and value...
☆ 27View skill
GitHub
visual-excellence
Visual quality standards, user flows, and use case coverage requirements. Use when building UI, reviewing frontend, or validating user experiences.
☆ 26View skill
GitHub
frontend-design
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue compo...
☆ 24View skill
GitHub
ui-ux-pro-max
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palette...
☆ 21View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications. Includes framework-specific guidance for Tailwind, React, Vue, and Ra...
☆ 20View skill
GitHub
frontend-design-philosophy
Design thinking principles for distinctive interfaces. Covers aesthetic direction, anti-patterns, and avoiding generic AI-generated aesthetics.
☆ 20View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, des...
☆ 20View skill
GitHub
frontend-design
Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences.
☆ 18View skill
GitHub
frontend-aesthetics
Distinctive frontend design principles for avoiding generic AI defaults, implementing thoughtful typography/color/animations, and creating polished user experiences based on Claude Code design research
☆ 17View skill
GitHub
frontend-design
Create distinctive, production-grade frontend interfaces with exceptional design quality. Two modes - (1) New projects - bold aesthetic design philosophy including typography, color theory, spatial composition,...
☆ 16View skill
GitHub
frontend-expert
Frontend UI/UX design and implementation for HTML/CSS/JS including semantic structure, responsive layout, accessibility compliance, and visual design direction. Use for building or reviewing web pages/component...
☆ 13View skill
GitHub
frontend-orchestrator
Master coordinator skill that diagnoses your application's design maturity level and sequences all 13 frontend design skills in the optimal order. Analyzes current state, identifies gaps, and creates a personal...
☆ 12View skill
Popular categories
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.