Skills tagged "design" (787)

📋 Questions Are Not Instructions

This skill helps you engage with user input before acting, asking clarifying questions and confirming feedback to guide next steps.

aiproductdesignwriting

🔍 R3f Materials

This skill helps you choose and craft Three.js materials in R3F, including built-in and custom ShaderMaterial with dynamic uniforms.

performancedebuggingscriptingdesign

🧪 Rails Conventions

This skill helps you apply Rails conventions and design patterns to controllers, models, and services for clean, scalable code.

backenddesigncode-reviewrefactor

🎨 Rams

This skill performs accessibility and visual design reviews on UI components, identifying WCAG issues and design inconsistencies to improve quality.

accessibilitydesignuxfrontend

🧪 React Components

This skill converts Stitch designs into modular React components with TypeScript interfaces and automated validation to ensure clean, reusable code.

frontendcode-reviewtestingrefactor

🎨 React Composition Patterns

This skill helps you refactor React components by applying composition patterns to reduce boolean props and design flexible, reusable APIs.

frontendrefactorcode-reviewdesign

🎨 React Flow

This skill guides you in building node-based interfaces with React Flow, covering patterns, performance, and TypeScript integration.

frontendperformancedesignproductivity

🎨 React Native Design

This skill helps you build performant cross-platform mobile apps with expert styling, navigation, and animated UI using React Native and Reanimated.

designuxfrontendperformance

🧪 React State Driven Ui

This skill helps you build predictable React UI by projecting state through reducers and events, reducing bugs and improving testability.

reactfrontendtestingdebugging

🎨 Refactoring Ui

This skill helps you apply Refactoring UI principles to create clean, scalable frontends with consistent spacing, typography, color, and depth.

frontenddesignuxrefactor

🧪 Refract

This skill reframes problems across Field, Standpoint, and Lens to surface hidden insights and generate perspective maps for decision support.

aiautomationproductresearch

🎨 Reka Ui

This skill helps you build accessible, headless Vue components with Reka UI by guiding patterns, state management, virtualization, and styling integration.

frontendaccessibilityperformancedocs

🎨 Remotion

This skill generates Remotion walkthrough videos from Stitch screens, applying smooth transitions, zoom effects, and contextual text overlays for engaging

reacttypescriptdesignfrontend

📋 Remotion Ads

This skill helps you create Instagram Reels and Carousels with Remotion, delivering ready-to-export videos and carousels aligned to safe zones and typography.

adsdesignsocial-mediamarketing

🎨 Remotion Best Practices

This skill helps you implement Remotion best practices across animations, assets, compositions, and timing for high-quality video projects.

reacttypescriptfrontenddesign

🎨 Remotion Video Creator

This skill helps you create animated videos with Remotion by turning UI concepts into TSX scenes, complete with transitions and exports.

frontenddesignuxautomation

⚙️ Report Generator

This skill generates professional, interactive SEO and GEO reports across formats, visualizations, and templates to inform strategy and decision making.

seoanalyticsdatawriting

📋 Research

This skill helps you perform deep technical research by analyzing requirements, exploring codebases, and generating evidence-based solution variants for

researchbackenddesign

🧪 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

🐛 Sanity Best Practices

This skill guides Sanity developers in GROQ performance, schema design, and integration to optimize content workflows.

performancedesigndebuggingdocs

📋 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