Skills tagged "design" (787)

🎨 Modern Tailwind

This skill helps you implement clean, scalable UI with Tailwind CSS by following best practices for utilities, theming, and maintainability.

frontenddesignuxperformance

3

📋 Nano Image Generator Skill

This skill helps you generate consistent, style-matched images for icons, logos, banners, and illustrations using Nano Banana Pro.

aimarketingbrandingdesign

3

🔍 Openlark Naming

This skill helps you align Rust API surface with OpenLark naming conventions, ensuring consistent Client/Service/Resource/Request structures.

apidesignrefactorcode-review

3

📋 Picture

This skill generates images using Google Imagen via Gemini API to create hero visuals, concept illustrations, or brand-constrained outputs.

aipythondesigndata

3

🔍 Review

This skill reviews chapters for coherence, tone, pace, and character, delivering targeted rewrites to improve consistency and engagement.

writingcontentaiproduct

3

🧪 S Develop

This skill helps you design World of Warcraft addons with event-driven patterns, SavedVariables, and resilient APIs using Ace3.

apidebuggingtestingdesign

3

⚙️ Screenshot Analyzer

This skill analyzes product screenshots to extract feature lists and generate actionable development task checklists.

aianalyticsproductdesign

3

🧪 Standards Components

This skill guides building reusable, single-responsibility UI components with clear interfaces and composition for scalable frontend development.

frontenddesignuxaccessibility

3

📋 Swift Navigation

This skill helps you simplify and empower Swift navigation across SwiftUI, UIKit, and AppKit with ergonomic tooling and practical guidance.

uxdesigndocs

3

🎨 Tailwindcss

This skill guides Tailwind CSS v4 usage with utility-first patterns, theme variables, and maintainable composition for scalable UI.

frontenddesignuxproductivity

3

🔍 Tech Impl Doc

This skill writes precise technical implementation docs with structured sections, Mermaid diagrams, and a Code Index tailored for developers and users.

docsbackendcode-reviewpython

3

🔍 Technical Architect

This skill helps you design robust, scalable system architectures and guide architecture reviews for clear, measurable outcomes.

backenddesigndocsperformance

3

📋 Ux Design Principles

This skill helps you apply cognitive psychology UX principles to plan features, reduce complexity, and optimize user journeys.

uxdesignproductresearch

3

🎨 Vibefigma

This skill converts Figma designs to production-ready React components with Tailwind CSS, generating TSX files and assets from a provided Figma URL.

frontendclidesignrefactor

3

🧪 2389 Research Css Development

This skill reviews existing CSS for semantic naming, Tailwind @apply usage, dark mode coverage, and tests, providing actionable feedback.

frontendcode-reviewtestinglinting

2

🎨 Advanced Frontend Skill

This skill helps you craft production-grade frontend interfaces that feel alive with cinematic WebGL, shaders, and premium interactions.

frontenddesignuxperformance

2

🛡️ Agent Design Best Practices

This skill helps you design Claude Code agent files with focused domains, minimal tool access, and reusable definitions for safer, scalable AI teams.

designaisecuritycode-review

2

⚙️ Ai Ppt Architect

This skill converts diverse materials into editable, publication-ready PPTs with auto outline, AI visuals, and WPS compatibility for seamless edits.

aiautomationdesignproductivity

2

🧪 Ai Prompting

This skill helps you master context-first prompting and phased refinement to elicit accurate, efficient AI coding assistance across development tasks.

aiproductdesigntesting

2

🧪 Angular Component

This skill helps you create Angular v20+ standalone components using modern DI, signals, and template patterns for scalable UI.

frontendcode-reviewrefactorproductivity

2

📝 Anthropic Brand Guidelines

This skill applies Anthropic brand colors and typography to artifacts to ensure consistent, on-brand visuals across documents and presentations.

designbrandingcopywritingmarketing

2

📋 Arch Mmd

This skill creates or updates an ARCHITECTURE.mmd diagram that clearly maps your codebase architecture for quick, high-level understanding.

backenddocsplanningdesign

2

🔍 Architect Refine Critique

This skill orchestrates a three-phase design review by chaining architect, refiner, and critique agents to formulate and validate architecture decisions.

designplanningbackend

2

🧪 Architecture

This skill helps implement MVVM, Clean Architecture, and SOLID principles in Android apps using repository and dependency injection for robust, testable code.

designrefactortestingunit-tests

2

🔍 Architecture

This skill helps you design and review proper layer boundaries and dependency flow in the fund-portfolio-bot, enforcing cli → flows → data.

backendcode-reviewclidata

2

📝 Architecture Patterns

This skill helps you select and document architectural patterns, improving design decisions and consistency across projects.

designdocspythonbackend

2

🐛 Audio Systems

This skill helps you design and optimize game audio systems, enabling immersive soundscapes, adaptive music, and accurate spatialization.

designperformancedebuggingdocs

2

🐛 Autohotkey V2 Gui

This skill helps you build advanced AutoHotkey v2 GUI applications with event handling, data submission, and performance optimization across complex controls.

scriptingautomationperformancedebugging

2

📋 Backend Engineer

This skill helps backend engineers translate product requirements into robust services, data models, and scalable API design.

backendapidatabasedesign

2

🎨 Beautiful Reader

This skill renders markdown content in a beautiful, readable layout with theme and display options for distraction-free reading.

docsfrontenduxdesign

2

📋 Brainstorming

This skill helps you transform rough ideas into fully formed designs by guiding structured Socratic questioning and presenting incremental options.

designuxplanningresearch

2

📋 Brand Asset

This skill generates branded visual elements such as logos, icons, patterns, and illustrations to reinforce your brand identity.

designuxbranding

2

🧪 Browser Automation

This skill automates browser testing, design-to-code generation, and accessibility checks to speed web development and quality assurance.

automationtestingfrontenddebugging

2

🎨 Business Model Canvas

This skill helps you design and analyze business models using the Business Model Canvas to evaluate ideas and communicate strategy.

strategyplanningproductresearch

2

📋 C3 Change

This skill orchestrates architectural changes through Agent Teams to produce ADR-driven plans and actionable tasks.

planningaiproductivitydesign

2

🎨 Canvas Assignment Design

This skill helps educators design Canvas LMS assignments using evidence-based learning pillars, generating objectives, rubrics, and Canvas-ready configurations.

designuxproductresearch

2

🛡️ Critic

This skill helps you stress-test designs by challenging assumptions and surfacing edge cases without providing solutions.

securitytestingdesignproduct

2

📋 Dagre Graph

This skill helps you create clear hierarchical diagrams with DagreGraph, enabling efficient org charts, dependency trees, and flowcharts.

vuedataanalyticsproductivity

2

⚙️ Dashboard Design

This skill guides you through a 3-step Vizro dashboard workflow (requirements, layout, visualizations) to ensure clear design before building.

dataanalyticsdesignux

2

🎨 Datavis

This skill helps you build interactive, accessible and accurate data visualizations across D3.js, Plotly, and Python libraries to reveal truth in data.

dataanalyticspythonfrontend

2

🧪 Dependency Injection

This skill explains and demonstrates myfy dependency injection with scopes, providers, and route integration to improve modularity and testability.

backendapidatatesting

2

📋 Design

This skill helps you design premium dashboards and admin interfaces by guiding direction, craft principles, and a 9-phase implementation.

designuxproduct

2

📋 Design First Dev

This skill helps you apply design-led thinking to build coherent, polished user experiences by focusing on states, craft, and storytelling.

designuxproductai

2

🧪 Design Patterns

This skill helps you design flexible, maintainable systems by applying classic design patterns with Python examples to refactor complex code.

designpythonrefactorcode-review

2

🎨 Design Reverse Engineer

This skill analyzes reference websites to reproduce Split Lease visual design across public pages, preserving content while applying matched styling.

designuxfrontendaccessibility

2

📋 Design Skills

This skill helps you apply Resend brand guidelines across artifacts by routing to brand resources and ensuring visual consistency.

designbrandinguxaccessibility

2

⚙️ Designing Architecture

This skill helps you design and analyze software architectures using discovery protocols, ADRs, and system design workflows to ensure quality.

backenddesignplanningdocs

2

📝 Document Guideline

This skill enforces comprehensive project documentation standards across design, folders, and code interfaces to improve clarity and maintainability.

docslintingplanningproductivity

2

⚙️ Enclosure Designer

This skill helps you quickly design 3D-printable enclosures for Arduino and ESP32 projects with parametric OpenSCAD templates and print guidance.

pythondesigncliautomation

2

🛡️ Enterprise Code Architect

This skill guides enterprise architecture decisions, enforcing hexagonal patterns and repository strategies to scale systems beyond 100M users.

backendstrategydesignci-cd

2

⚙️ Figma Skill

This skill reads Figma files, exports assets, lists components and styles, and manages comments to streamline design handoff.

designuxproductivityautomation

2

🎨 Flutter Skill

This skill guides Flutter app development with universal UI/UX, state management, networking, and API integration to ensure consistent, reusable patterns.

flutterdesignuxapi

2

🎨 Frontend Design

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics and accessible, performant code.

frontenddesignuxaccessibility

2

🎨 Frontend Design

This skill helps you style Blazor MudBlazor components with responsive CSS isolation and material design patterns for scalable UIs.

frontenddesignuxaccessibility

2

🎨 Frontend Dev

This skill helps you craft production-grade frontend interfaces with bold, memorable aesthetics across components, dashboards, and pages.

frontenddesignuxaccessibility

2

🧪 Frontend Engineer

This skill guides you to understand product requirements and build interactive frontend pages that deliver a polished user experience.

frontenduxperformancedesign

2

🎨 Frontend Ui Animator

This skill analyzes a project and implements purposeful UI animations for Next.js and Tailwind to enhance hero scenes, hover, and navigation.

frontenduxaccessibilityperformance

2

🧪 Frontend_design_expert

This skill helps you craft elegant, accessible UI components with polished visuals, tasteful color systems, and responsive interactions.

frontenddesignuxaccessibility

2

📋 Generate Image

This skill generates and edits high-quality images using OpenRouter models for photos, illustrations, concept art, and visual assets.

aidesigncontentbranding

2

📋 Generate Names

This skill helps you generate brand name ideas tailored to your business, audience, and values, with multiple styles and practical evaluation.

brandingmarketingaidesign

2