Skills tagged "design" (831)

🧪 Responsive System

This skill helps implement responsive layouts and fluid typography using mobile-first patterns, container queries, and adaptive components for scalable UI.

frontendtypescriptdesignux

🎨 Responsive Web Design

This skill helps you design responsive web interfaces with mobile-first CSS, flexible grids, and fluid typography across devices.

frontenduxdesignaccessibility

🧪 Review

This skill reviews specification documents for completeness, consistency, and alignment with codebase to ensure quality across requirements, design, research,

designcode-reviewproductresearch

🎨 Review Docs

This skill reviews and improves documentation through parallel evaluation and iterative fixes, enhancing accuracy, readability, and completeness for technical

docswritingcontentcode-review

🎨 Rhdh Frontend Dynamic Plugin

This skill guides you to bootstrap and wire frontend dynamic plugins for Red Hat Developer Hub, delivering UI pages, routes, and theme integrations.

frontenduxdesignproductivity

🛡️ Roblox Game Developer

This skill helps you build robust Roblox games with Luau scripting, secure networking, UI and UX design, and monetization strategies from templates.

designuxsecurityperformance

⚙️ Ruby_aidp_planning

This skill helps you plan AI-driven Ruby projects by parsing docs, generating WBS and Gantt charts, and mapping tasks to personas.

aidocsproductdesign

🧪 Runhuman Skills

This skill helps you validate web app UX with human testers, capturing real user feedback and visual issues not caught by automation.

uxtestingaccessibilityproduct

🧪 Rust Design Patterns

This skill helps you write idiomatic Rust by applying ownership and pattern-based guidance for APIs, borrowing, and safe abstractions.

code-reviewdesignrefactordebugging

🔍 Rust Zero Cost

This skill helps Rust engineers optimize generic and trait-object usage, balancing zero-cost abstractions with runtime flexibility for safer, scalable code.

rustperformancedesignrefactor

🛡️ Saas Agent Toolkit

This skill helps design agent-usable SaaS tool systems by mapping capabilities to six reusable tool shapes and enforcing guardrails.

aiautomationbackendapi

📋 Schema Designer

This skill helps you design scalable database schemas, create tables, and model relationships with clear DDL explanations.

databasesqldatadesign

⚙️ Scientific Schematics

This skill generates publication-quality scientific diagrams and schematics (SVG/EPS) from Python tools, ensuring layout quality and automatic figures saving.

aipythondocsdata

🎨 Semi Ui Skills

This skill helps you efficiently query Semi Design components, generate code, and troubleshoot usage with MCP workflows and best practices.

designfrontenddocscode-review

🎨 Server Components

This skill helps you master React Server Components in Next.js, guiding when to use server vs client, data fetching, and composition.

frontendbackendfullstackdata

⚙️ Sf Ai Agentforce Conversationdesign

This skill helps design Salesforce Agentforce conversation flows with persona, topic architectures, utterance libraries, and escalation guardrails for

aidesignproductautomation

🧪 Shadcn

This skill guides you to implement and customize shadcn/ui components using the latest version and modern patterns.

frontenduxaccessibilitydesign

🎨 Shadcn Ui

This skill guides you to build accessible, component-based UIs with shadcn/ui in Next.js, including forms, dialogs, tables, and dark mode.

frontendaiautomationdesign

🎨 Shadcn Ui

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

reactshadcnaccessibilityux

🎨 Shadcn Ui

This skill guides you in adding, customizing, and troubleshooting shadcn/ui components with CVA, theming, and architecture guidance.

shadcnfrontendtailwindreact

🎨 Signup Flow Cro

This skill helps you optimize signup flows to maximize conversion by reducing friction, selecting fields, and choosing single-step vs multi-step forms.

growthproductanalyticsfrontend

🎨 Skill

This skill helps you build production-quality Rails UIs with maquina_components, using Tailwind and data attributes to ensure consistent, accessible interfaces.

railstailwindshadcnaccessibility

🐛 Skill

This skill helps you design and debug tscircuit projects using the tsci CLI, guiding component selection, wiring, and fabrication outputs.

cliscriptingdebuggingdesign

🎨 Skill

This skill translates TemPad Dev UI evidence into project-native TypeScript code, enabling accurate integration without guessing styles.

frontendtypescriptdesignux

📋 Skill Creator

This skill helps you design effective Agent Skills using progressive disclosure, reducing complexity and accelerating skill architecture planning.

aidesignplanningproductivity

⚙️ Skill Creator

This skill guides you in designing and packaging reusable AI agent skills, including workflows, tools, and domain knowledge.

aiplanningdocsscripting

⚙️ Skill Creator

This skill guides you through creating effective, reusable skills to extend agent capabilities with workflows, integrations, and domain knowledge.

aiautomationplanningdocs

⚙️ Skill Creator

This skill guides you to create, update, and structure Claude Skills with best practices, accelerating development and consistency.

aiautomationdocswriting

⚙️ Skill Creator

This skill guides you to design and package modular AgentSkills with scripts, references, and assets for scalable AI assistants.

aiscriptingdocsdesign

🔍 Skill Creator

This skill helps engineers craft high-density agent skills by enforcing token-conscious structure and progressive loading for optimal efficiency.

aiscriptingproductivitydesign

⚙️ Skill Development

This skill guides creating and structuring Claude Code plugins, enabling efficient skill design, reusable assets, and clear progressive disclosure.

aiautomationcliscripting

🎨 Skills

This skill helps you scaffold and configure an Expo React Native app with RevenueCat paywall, AdMob banners, i18n localization, onboarding, and NativeTabs

frontendadsuxdesign

⚙️ Skills

This skill helps you design and deploy B2A agents by focusing on structured data endpoints, pricing, and programmatic access for agent-to-agent commerce.

aiautomationdataapi

📋 Slide Quality

This skill helps you assess slide quality using a science-backed 12-point checklist to improve clarity and audience understanding.

accessibilitydesignuxcontent

⚙️ Slides

This skill helps you generate branded Slidev presentations as PDF by auto-detecting colors from your repo and exporting slides.

designdocsproductcli

⚙️ Slides Generator

This skill creates branded PDF slides from markdown with Mermaid diagrams, delivering polished presentations and technical docs.

docswritingcontentdesign

🎨 Slidev Mastery

This skill helps you create polished Slidev presentations by applying best practices for accessible, modular markdown slides with components, layouts, and

accessibilitydocsdesignproductivity

🎨 Snippets_flutter Infinite Canvas

This skill guides you to build an infinite Flutter canvas with multi touch handling using InteractiveViewer and CustomMultiChildLayout for flexible layouts.

flutterfrontenddesignux

🔍 Software Design Principles

This skill enforces object-oriented design principles, detects code smells like feature envy, and guides you to inject dependencies and name domain concepts.

designrefactorcode-reviewpython

🧪 Solid

This skill helps you write senior-engineer quality code by applying SOLID, TDD, and clean-architecture practices across features.

backendrefactortestingdesign

🛡️ Solution Architect Skill

This skill helps design enterprise-scale solutions by aligning technology with business goals, evaluating tradeoffs, and documenting architecture decisions.

strategydesigndatacloud

📋 Solution Scoping

This skill helps you define feature priorities and MVP boundaries from problem framing and user models, guiding cuts and preparing a production-ready PRD.

productplanningstrategydesign

✨ Sound Effects

This skill generates sound effects from text prompts using ElevenLabs, enabling immersive audio textures for games, apps, or media.

aiapipythonbackend

🎨 Spatial Swiftui Developer

This skill guides building visionOS SwiftUI scenes with RealityKit content, helping you choose between SwiftUI and RealityKit APIs and bridging them

frontenddesignuxscripting

🧪 Spec Driven Development

This skill guides spec-driven development by turning vague feature ideas into testable requirements, design documentation, and actionable tasks for reliable

aiplanningdesigndocs

🧪 Spec Planner

This skill helps you generate implementation-ready specs through dialogue-driven questioning and trade-off analysis for scalable software.

planningdocsdesigntypescript

🛡️ Specification Architect

This skill architects rigorous, traceable system specifications by generating five interconnected documents with verifiable sources and complete

aidocsplanningsecurity

📋 Spring Boot 3

This skill helps you apply Spring Boot 3 configuration, DI, and REST patterns to build robust services with validated properties and transactional services.

springbackendrestjava

📋 Sql Development

This skill helps you design efficient database schemas, write optimized SQL, and manage data operations following best practices.

databasesqldataperformance

🛡️ Src

This skill harnesses Codex CLI to provide an independent, non-interactive code and architecture review, highlighting issues and improvement opportunities.

backendcode-reviewsecurityperformance

🧪 Stack Architecture

This skill helps you design transport-agnostic stack architectures by detailing inputs, outputs, error taxonomy, and package choices for scalable systems.

backendapidesigntesting

🧪 Standards Api

This skill helps design and implement RESTful API endpoints using proper HTTP methods, status codes, and resource-based URLs.

backendapidesigntesting

🎨 Standards Css

This skill helps you enforce CSS standards across projects by applying design tokens, framework patterns, and production-ready optimization.

frontenddesignuxperformance

🎨 Standards Responsive

This skill helps you build mobile-first, responsive layouts with fluid containers, relative units, and accessible touch targets across devices.

frontenddesignux

📝 Starting A Design Plan

This skill guides you from context gathering to a validated, implementation-ready design document, ensuring clear requirements and actionable handoff.

designplanningdocswriting

🧪 State Machine Driven Ui

This skill helps you design deterministic UI flows with finite state machines, improving reliability, visualization, and validation across complex interactions.

frontenddesignuxdebugging

🎨 Stitch Loop

This skill helps you iteratively build web pages with Stitch using a baton-loop, delivering pages and next tasks for continuous improvement.

frontendautomationci-cdproductivity

🎨 Store Data Structures

This skill helps you design efficient Zustand stores by separating list and detail data, using maps for details, and defining clear type boundaries.

datafrontendbackendtypescript

🎨 Storefront Best Practices

This skill helps you design and implement storefront features across pages, integrating best practices for UX, accessibility, and SEO to boost conversions.

frontenduxaccessibilityseo

🔍 Structuring Projects

This skill enforces universal architectural patterns for organizing code, ensuring domain-focused structure and clear public APIs across projects.

backendapirefactordesign