Skills tagged "design" (831)

🧪 Sdd Planning

This skill transforms specifications into actionable technical plans, guiding architecture, components, and implementation steps to accelerate delivery.

planningdesign

2

🎨 Shadcn Base

This skill helps you navigate and apply Base UI patterns from shadcn/ui, accelerating component usage, theming, and forms integration.

frontenddesignuxshadcn

2

🎨 Shadcn Svelte

This skill helps you implement accessible shadcn-svelte UI patterns and trigger snippets for Dialog, Tooltip, Dropdown, and Sheets.

frontendaccessibilitydesignux

2

📋 Social Proof Psychology

This skill helps you design landing pages and conversions by applying social proof tactics to build trust and boost actions.

marketinggrowthbrandingcopywriting

2

🧪 Solid Principles

This skill analyzes Python code to apply and validate SOLID principles, highlighting violations and offering actionable refactor suggestions for maintainable

code-reviewrefactordesignpython

2

🧪 Speckit Plan

This skill generates a detailed implementation plan from a feature spec using a template, delivering data-model, contracts, and quickstart artifacts.

automationapidatadesign

2

🎨 Stitch

This skill generates UI screens from text prompts, exports to React components, and creates DESIGN.md design systems to accelerate UI workflows.

designuxreactautomation

2

⚙️ Stl Generator

This skill generates parametric 3D printable woodworking jigs in CadQuery, optimized for the Elegoo Neptune 4 Pro and metric units.

pythondesignautomation

2

🧪 Storybook

This skill helps you document UI states and design decisions with Storybook artifacts for review by engineers and QA.

designdocsuxaccessibility

2

📋 Strategic Build

This skill helps you distinguish strategic from tactical work using LNO, Three Levels, and pre-mortems to guide architectural and product decisions.

aistrategyproductplanning

2

✨ Suno Ai Mastery

This skill helps you craft professional Suno AI v4/v4.5 songs with advanced prompt engineering and dynamic arrangement guidance.

aiproductivityresearchdesign

2

🎨 Svg Icon Best Practice

This skill unifies SVG icon management in React TypeScript projects by converting inline SVGs into reusable components and enforcing naming and migration

reacttypescriptmigrationrefactor

2

🔍 Swiftui Engineer

This skill helps you design, review, debug, and modernize SwiftUI macOS apps with clear architecture and best practices.

debuggingcode-reviewmigrationdesign

2

🎨 Table Filters

This skill analyzes table columns and delivers a unified header filter with adaptive filter components for an optimal filtering UX.

frontenduxdataanalytics

2

🎨 Tailwind Patterns

This skill helps you apply modern Tailwind v4 practices, CSS-first configuration, container queries, tokens, and responsive patterns for scalable UI.

frontenddesignuxperformance

2

🎨 Tailwindcss Development

This skill helps you style applications with Tailwind CSS v4 by guiding responsive, dark-mode, and component extraction patterns.

frontenddesignuxdebugging

2

🎨 Tesla Dashboard Ui

This skill helps you design and implement a Tesla-inspired dashboard UI for iPad using atomic design, dark glassmorphism, MapKit navigation, and media controls.

designfrontendaccessibilityproduct

2

📋 Theme Evaluation

This skill evaluates theme accessibility and WCAG contrast, identifying color, typography, and dark-mode issues to improve compliance and UX.

accessibilityuxdesign

2

🧪 Ti Ui

This skill guides you through Titanium SDK UI patterns, performance, and platform-specific components to optimize layouts and interactions.

frontenduxaccessibilityperformance

2

🧪 Tool Design

This skill helps design and optimize agent tools, improving tool descriptions, consolidation, and interfaces for reliable multi-agent systems.

designautomationapidebugging

2

🎨 Ui Design A11y

This skill helps you audit and fix web accessibility issues for WCAG compliance, providing actionable code fixes and guidance.

accessibilityfrontenddesigncode-review

2

🧪 Ui Design Review

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.

designuxaccessibilityai

2

🎨 Ui Engineer

This skill helps you transform PRD-based UI concepts into production-ready HTML/CSS with Tailwind, ensuring minimalist, responsive interfaces.

frontenddesignuxtailwind

2

📋 Ui Ux Designer

This skill guides user-centered UI/UX design with design systems, accessibility, tokens, and cross-platform patterns for scalable interfaces.

designuxaccessibilityresearch

2

🎨 Update Release Notes

This skill updates the release notes by adding new PR entries to next.mdx and archiving when a new version is published.

releasedocsautomationscripting

2

🎨 Use_interesting_fonts

This skill helps you elevate frontend typography by selecting high-impact Google Font pairings and enforcing distinctive, consistent styles.

frontenddesignbrandingux

2

📋 Ux Ui Audit

This skill analyzes user experience and identifies usability issues, delivering actionable UX improvements and metrics insights for informed design decisions.

uxanalyticsdesignresearch

2

📋 Visionos Immersive Media Developer

This skill helps you implement immersive and spatial video on visionOS by managing VideoPlayerComponent, immersive modes, transitions, and comfort mitigations.

pythonaiuxaccessibility

2

🎨 Visualizing With Mermaid

This skill helps you create clear, professional Mermaid diagrams with dark mode styling and semantic colors for focused architecture visuals.

frontendapidocsdesign

2

🎨 Vue Fsd

This skill helps you structure large Vue 3 projects with Feature-Sliced Design, enforcing layers, public API, and scalable boundaries.

frontenddesignrefactorcode-review

2

🎨 Web Design Mastery

This skill helps you craft production-grade UI with consistent spacing, typography, color, and depth using Refactoring UI-inspired principles.

designuxfrontendaccessibility

2

🎨 Write Release Notes

This skill guides you to craft complete release notes for tldraw SDK, ensuring clear structure, voice, and attribution across releases.

releasewritingdocsapi

2

🧪 Writing Specs Designs

This skill helps you write effective specs and design documents by guiding fidelity, prototyping, and focus on moving pieces.

designuxproductwriting

2

🐛 0xsero Vision

This skill analyzes images and diagrams to describe UI elements, extract text, note confidence, and flag issues.

aianalyticsdesignux

📋 3b1b Style Animation

This skill helps you create engaging 3Blue1Brown style mathematical animations with Manim, focusing intuition, visuals, and structured pedagogy.

designuxcontent

🎨 3d Graphics

This skill helps you build high fidelity 3d web graphics with three.js, delivering interactive scenes, animations, and efficient rendering across devices.

frontendperformanceautomationdesign

🎨 A2ui Templates

This skill helps you generate on-demand A2UI templates for flowcharts, forms, dashboards, and galleries to visualize structured data.

designuxfrontendproduct

🔎 Accelint Persona Review

This skill critiques Figma designs from operator personas, aligning UX with their roles, tasks, and systems to reduce cognitive load.

designuxresearchproduct

🧪 Accessibility

This skill helps you implement WCAG-compliant accessibility across your app by guiding semantic HTML, keyboard navigation, and ARIA patterns for inclusivity.

uxfrontendtestingdesign

🧪 Accessibility

This skill ensures WCAG 2.2 AA compliance for the frontend by enforcing semantic HTML, keyboard navigation, focus management, and accessible forms.

frontenduxdesigntesting

🧪 Accessibility By Default

This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.

frontendaccessibilitytestingcode-review

🧪 Accessibility Review

This skill performs manual accessibility reviews against WCAG AA, identifying issues and suggesting practical fixes to improve inclusivity.

accessibilityfrontenduxtesting

🧪 Adapt

This skill helps you adapt designs to work across mobile, tablet, and desktop, ensuring consistent experiences across contexts and devices.

frontenduxdesignaccessibility

🔍 Add Pattern

This skill helps you capture and organize Langroid design patterns into well-structured notes for future reference.

clicode-reviewwritingdesign

🎨 Adding Animations

This skill helps you apply consistent Framer Motion animations across components, using stagger, hover, and reduced-motion patterns for accessible motion.

frontendreacttypescriptaccessibility

📝 Adr Writer

This skill helps you create and maintain Architecture Decision Records in Confluence to document architectural decisions and design choices.

docswritingplanningdesign

🔍 Advisor Collaboration

This skill provides independent architecture reviews and code feedback from an advisor-level expert to sharpen designs and quality.

aicode-reviewdesignstrategy

🔍 Aep

This skill helps you design, review, and implement APIs per AEP core standards ensuring consistency and machine-readable designs.

apibackenddesignplanning

🎨 Aesthetic Guide

This skill generates exhaustive, implementation-ready design system guidelines for a named UI aesthetic, including exact CSS values and typography.

designuxfrontendreact

🔍 Agent Creator

This skill helps you create structured agent definitions for Claude Code, including plugin and user agents, with frontmatter, capabilities, and usage examples.

aiautomationcode-reviewdocs

🧪 Agent Creator

This skill guides you to design, configure, and refine AI Agents by defining goals, prompts, and capabilities for specialized workflows.

aiautomationdesignplanning

⚙️ Agent Design

This skill helps you configure agent profiles, define capabilities, and orchestrate complex workflows with subagents and commands.

aiautomationbackenddesign

🛡️ Agent Development

This skill helps you design autonomous agents for Claude Code plugins by guiding markdown YAML frontmatter setup and system prompts.

aiautomationdesigncode-review

🔍 Agent Native Audit

This skill performs a comprehensive agent-native architecture audit by launching parallel sub-agents to score and report on eight core principles.

pythoncode-reviewdesignai

🔍 Agent Native Reviewer

This skill reviews code to ensure agent-native parity, enabling agents to perform every user action and see the same data.

aicode-reviewdesignpython

📊 Agent Team Orchestrator

This skill analyzes task features to decide between Agent Teams or Subagent, enabling parallel collaboration and cross-functional coordination.

automationaiproductivityplanning

🎨 Ai Elements

This skill helps you create AI Elements interface components following shadcn/ui patterns and Vercel AI SDK conventions for rapid integration.

frontendreactnextjstypescript

🎨 Ai Loading Ux

This skill helps design AI loading UX by guiding reasoning displays, progress steps, and streaming indicators to reduce perceived wait time.

aiuxdesignfrontend

🔍 Aidlc Skill

This skill orchestrates AI-DLC structured software development across inception and construction phases, guiding requirements, design, and implementation with

aiplanningdesigncode-review

⚙️ Aippt2

This skill converts article content into ASCII PPT frames, generates themed images, and compiles a complete presentation for rapid delivery.

aiautomationapidesign