Skills tagged "design" (787)

📋 Baoyu Xhs Images

This skill generates Xiaohongshu infographic series with 10 visual styles and 8 layouts to optimize engagement for Chinese platforms.

social-mediadesignmarketingcontent

2k

🎨 Mobile Android Design

This skill helps you master Material Design 3 and Jetpack Compose to build adaptive Android interfaces with accessible responsive layouts.

designuxaccessibilityfrontend

1.1k

🎨 Baseline Ui

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

frontenddesignuxaccessibility

824

🎨 Swiftui Ui Patterns

This skill helps you design and refactor SwiftUI interfaces using pattern-driven guidance for views, tabs, and component composition.

frontenddesignuxaccessibility

481

🎨 Tailwind Css Patterns

This skill helps you implement Tailwind CSS development patterns for mobile-first, responsive layouts, design tokens, and component reuse to speed up UI work.

frontenddesignuxproductivity

342

🔍 Swiftui Expert Skill

This skill helps you build, review, or improve SwiftUI code using state management, modern APIs, and performance best practices.

performancecode-reviewrefactordesign

298

🎨 Skills

This skill helps you create responsive HTML emails with React Email templates, enabling brand-driven designs across clients.

frontenddesignuxbranding

286

🎨 Skills

This skill helps you search and retrieve icons from Iconify libraries via a CLI and MCP server, speeding icon integration.

frontendapicliproductivity

227

📋 Ui Ux Design Expert

This skill provides expert UI/UX guidance covering accessibility, design systems, research, and inclusive 2025 best practices to deliver user-centered

designuxaccessibilityresearch

122

📋 Screenshot Feature Extractor

This skill analyzes product screenshots to extract feature lists and generate development task checklists for PRDs and roadmaps.

analyticsproductdesignux

107

📋 Apollo Connectors

This skill guides you to integrate REST APIs into a GraphQL supergraph using Apollo Connectors with @source and @connect.

graphqlrestapidevops

95

🎨 Implement Design

This skill translates Figma designs into production-ready code with pixel-perfect fidelity and design-system integration using MCP server context for accurate

designfrontenduxaccessibility

81

🎨 Infographic Creator

This skill creates compelling infographics from text using AntV Infographic, translating information into visual structures for quick understanding and

dataaifrontenddesign

61

🎨 Expo App Design

This skill helps you design and implement cross-platform mobile apps using Expo Router, NativeWind, and React Native styling best practices.

frontenddesignuxproduct

58

🎨 Flutter Architecture

This skill guides structuring Flutter apps with MVVM, feature-first organization, and clean layers to improve scalability, maintainability, and team

frontenddesignplanningrefactor

52

🔍 Review_architecture

This skill helps you enforce architectural compliance by guiding systematic reviews against Beluga AI patterns and layer boundaries.

code-reviewdesignaiplanning

52

🎨 Spec Workflow

This skill guides structured software development from requirements to task execution using EARS syntax and UI-design references to ensure quality.

planningdesignfrontendbackend

50

🎨 Canvas Design

This skill creates visual design philosophy artifacts and expresses them as printable posters, infographics, and canvases in PNG or PDF formats.

designuxbrandingproduct

48

📋 Auto Redbook Skills

This skill creates Xiaohongshu note content (title and body), generates image cards, and handles posting to share professional notes.

contentseosocial-mediawriting

45

🎨 Landing Page Guide V2

This skill creates distinctive, high-converting landing pages using Next.js 14+ and ShadCN UI, delivering memorable design and production-ready code.

frontenddesignmarketingseo

35

🔍 File Organization

This skill helps structure Python projects with consistent folders, naming, and conventions to improve maintainability and scalability.

code-reviewrefactorscriptingproductivity

26

📝 Docx Format Replicator

This skill replicates Word document formatting from a template to generate new documents with identical styles and structure.

docswritingcontentscripting

24

🎨 Mobile Responsiveness

This skill helps you implement responsive, mobile-first layouts and interactions across breakpoints, touch events, and viewport-safe navigation.

frontenduxdesign

24

🧪 Kiro Skill

This skill guides you from idea to implementation by producing requirements, design, and actionable task plans in a spec-driven workflow.

aiplanningdocsdesign

22

🎨 Element Plus Vue3

This skill guides you through installing, configuring, and using Element Plus with Vue 3, including theming and API reference.

frontenddesignproductivity

18

🎨 Ui Design

This skill helps you craft production-grade frontend interfaces with distinctive visuals, cohesive layouts, and polished interactions for web pages and

frontenddesignproductreact

18

🎨 Tailwindcss Development

This skill helps you style components and pages with Tailwind CSS v3, enforcing project conventions, dark mode, and responsive patterns.

frontenddesignuxphp

16

🎨 Tailwind Ui

This skill helps you implement consistent Tailwind CSS patterns, responsive design, and accessible components using a utility-first approach.

frontenduxaccessibilitydesign

15

🐛 Game Engines

This skill helps you master Unity, Unreal, and Godot workflows and optimize engine architecture for faster, more scalable game development.

performancedebuggingscriptingdesign

14

🎨 Suggest Lucide Icons

This skill helps you pick Lucide icons that symbolize concepts or UI contexts with real icon recommendations and rationale.

designuxfrontenddocs

13

⚙️ Blockbench Modeling

This skill helps you create and edit Blockbench models using cube and mesh tools for Minecraft-style and freeform designs.

designproductivityscriptingcli

10

🧪 Claude Android Skill

This skill helps you build production-quality Android apps using Kotlin, Jetpack Compose, MVVM, and modular architecture following Google's guidance.

datatestingdesigngit

10

🎨 Flowchart Creator

This skill generates interactive HTML flowcharts and process diagrams with nodes, arrows, and swimlanes for clear workflow visualization.

frontendautomationdesignux

10

🔍 Openscad

This skill helps you create, validate, preview, and export OpenSCAD models and parameters for 3D printing with visual multi-angle checks.

cliscriptingdesign

9

🧪 Spring Boot Dependency Injection

This skill streamlines Spring Boot dependency injection by enforcing constructor-first patterns, optional collaborators, and explicit bean configuration to

springjavabackendtesting

9

🧪 Ux Specification

This skill translates PRDs into actionable UX specifications, detailing flows, screens, and interactions to guide implementation.

uxdesignproductplanning

9

🎨 Frontend Design

This skill helps design and review SaaS frontends, clarifying value, improving hierarchy, and delivering production-grade UI that converts.

designuxfrontendproduct

7

🎨 Gluestack Ui V4

This skill helps you create and manage custom gluestack-ui v4 variants using tva for type-safe, scalable design system extensions.

frontenddesignreacttypescript

7

🎨 Pen Design

This skill helps you create and manipulate Pencil .pen designs, read and modify components, and generate code from designs.

designfrontendproductivityscripting

7

🎨 Using Shadcn Ui

This skill helps you rapidly build accessible React UIs with shadcn/ui by copying production-ready blocks and integrating Tailwind patterns.

frontendaccessibilitydesign

7

🛡️ Tauri Architecture

This skill explains Tauri architecture, core-shell design, IPC, and security, helping you architect desktop apps with a safe Rust backend and native webview

backendfrontendsecuritydesign

5

🎨 Ant Design

This skill helps you select Ant Design components and theming strategies for a performant, accessible SSR React app using v6 and Pro/X patterns.

reactfrontendperformanceaccessibility

4

🎨 Composable Svelte Navigation

This skill helps you implement state-driven navigation and Motion One animations for modals, sheets, and route transitions in Composable Svelte.

frontenduxproductdesign

4

🎨 Design Exploration

This skill generates a visual design catalogue with multiple proposals to explore directions before implementing.

designuxresearchfrontend

4

📋 Gantt Chart

This skill helps you visualize project timelines with customizable GanttChart components, enabling clear scheduling, tracking, and categorization of tasks.

vuedataanalyticsdesign

4

🧪 Ai Product Patterns

This skill helps you design AI-native products by applying evals as product specs, hybrid patterns, and future-proof UX based on OpenAI patterns.

aiproductuxdesign

3

🎨 Animejs V4

This skill enables smooth web components animations using Anime.js 4 for drag interactions, visual feedback, swaps, and automatic cleanup.

frontendperformancescriptingdebugging

3

📝 Api Design

This skill provides RESTful API design guidance to ensure consistent endpoints, clear responses, and scalable documentation across services.

apibackenddesigndocs

3

🔍 Api Interface Design

This skill helps you design robust RESTful APIs with consistent paths, error codes, and response formats to streamline reviews and integration.

apibackenddesigndocs

3

🧪 Blue Ocean Strategy

This skill helps you apply blue ocean strategy principles to design uncontested market space, value innovation, and strategic tools like ERRC and Strategy

strategydesignproductanalytics

3

🎨 Feature Sliced Design

This skill helps you implement Feature-Sliced Design in Next.js with a custom views layer, delivering scalable, maintainable architecture.

frontenddesignuxproduct

3

🧪 Frontend Ai Guide

This skill helps frontend teams apply rigorous technical decision criteria and anti-pattern knowledge to QA, design decisions, and debugging workflows.

frontenddebuggingtestingcode-review

3

📝 Generating Documentation

This skill generates comprehensive API, code, site, ADR, and diagram documentation to accelerate developer understanding and project maintainability.

apidocsbackendfullstack

3

📋 Go Framework

This skill helps design Go framework architecture by applying registry, lifecycle, and middleware patterns to packages and providers.

godesignbackend

3

🧪 Heuristic Evaluation

This skill performs heuristic evaluation of UI designs using Nielsen's 10 framework to identify usability issues and provide prioritized recommendations.

designuxaccessibilityproduct

3

🧪 Image_editing

This skill helps you edit images by applying user-specified changes such as background, color, or style modifications to uploaded images.

aidesignuxproduct

3

🧪 Ios App Scaffold

This skill scaffolds iOS apps with Tuist and a layered Domain, Infrastructure, App architecture to accelerate project setup.

automationdesigncode-reviewtesting

3

📋 Jobs To Be Done

This skill helps you apply Jobs-to-be-Done insights to shape product strategy, conduct research interviews, write user stories, and identify true competition.

productresearchstrategyux

3

📝 Macro Product Photography

This skill generates precise extreme close-up macro shots of product details, documenting textures, stitching, and hardware for authentic e-commerce detail

productmarketingdesigncontent

3

🎨 Makepad Font

This skill helps you configure and render crisp text with Makepad fonts, layouts, and SDF-based GPU rendering.

frontendperformancedocsdesign

3