Skills tagged "design" (831)

⚙️ Subagents Orchestration Guide

This skill orchestrates multiple subagents to coordinate workflows, assess scale, and manage autonomous execution with stop points and requirement integration.

aiautomationdevopsci-cd

🧪 Suno Song Creator

This skill performs an independent quality review of Suno prompts and lyrics, evaluating AI-slop, clichés, rhyme, and genre consistency to improve final

aicontentwritingproduct

🧪 Survey Visuals

This skill generates non-prose visuals for surveys, creating timeline milestones and figure specs grounded in citations for easy verification.

dataresearchdocsdesign

🎨 Svg Art Skill

This skill generates scalable SVG graphics via Python scripts for icons, charts, fractals, and generative art, returning ready-to-use SVG output.

designuxscriptingautomation

🧪 Swift Async Stream Patterns

This skill helps building robust AsyncStream and AsyncSequence patterns in Swift by applying state machine, mutex, and continuation safety practices.

swiftdebuggingdesigntesting

🧪 Swift Expert Skill

This skill helps you master Swift ecosystem native app development with modern concurrency, SwiftUI, and deep system integration across Apple platforms.

performancedebuggingtestingci-cd

🎨 Swiftui Style Driven Components

This skill guides building extensible SwiftUI style-driven components using Apple patterns like ButtonStyle and LabelStyle, enabling environment-based styling

frontenddesignuxaccessibility

🛡️ System Architect

This skill designs complete system architectures with justified tech choices, data models, APIs, and comprehensive NFR coverage for scalable, secure solutions.

backendapidatasecurity

🎨 Tailadmin Patterns

This skill enables building consistent admin dashboards by applying TailAdmin UI patterns and Tailwind classes with verified usage from the official source.

frontenduxdesignperformance

🎨 Tailwind

This skill helps you quickly access Tailwind documentation and citations from docs/ with source references and fetch dates.

frontenddocsuxdesign

🎨 Tailwind 4

This skill helps you style components with Tailwind v4 using mobile-first patterns, semantic tokens, and cn() for dynamic, scalable design.

frontenddesignuxaccessibility

🎨 Tailwind Best Practices

This skill helps you apply Tailwind v4 best practices for consistent, accessible, and efficient styling with utilities, themes, and responsive patterns.

frontendaccessibilityperformancedesign

🎨 Tailwind Css

This skill helps you master Tailwind CSS utility-first patterns for rapid, responsive UI development with dark mode, theming, and production optimization.

frontenddesignuxperformance

🎨 Tailwind Patterns

This skill provides quick Tailwind CSS practical patterns and breakpoints, enabling responsive layouts, dark mode, and common components.

tailwindfrontenddesignproductivity

🧪 Tailwindcss

This skill guides styling with Tailwind CSS using the latest patterns, enables theme customization, and applies modern, perceptually uniform OKLCH colors.

frontenddesignux

🎨 Tailwindcss Backgrounds

This skill helps you apply Tailwind CSS v4.1 background utilities including colors, gradients, images, and blend modes to design rich UIs.

frontenddesignuxperformance

🎨 Tailwindcss Utilities

This skill provides a complete reference for Tailwind CSS utility classes, helping you apply styling efficiently across layouts, spacing, typography, colors,

frontenddocsproductivitydesign

🎨 Tamagui V2

This skill guides building cross platform apps with Tamagui, covering styled components, tokens, theming, and premium Bento/Takeout components for web and

reactreact-nativeexpoperformance

📋 Tapforce Shadcn Svelte

This skill guides setting up and using shadcn-svelte in SvelteKit projects, delivering best practices for components, theming, and integration.

sveltesveltekittailwindshadcn

🧪 Task Breakdown

This skill converts designs into actionable, sequenced development tasks with clear objectives, dependencies, and measurable completion criteria.

planningproductdesigndocs

🧪 Tdd Practices

This skill guides test-driven development design, helping you craft tests and mocking strategies to improve code quality.

testingunit-testsintegration-testsdesign

📋 Teach Impeccable

This skill gathers project design context and persists it in your AI config to enforce consistent design guidelines across sessions.

designuxbrandingdocs

⚙️ Team Skill Designer

This skill designs and generates unified team skills with role-based routing, producing a single entry point and per-role execution in a complete skill package.

clidesignaiautomation

🧪 Technical Walkthrough Diagram

This skill generates a comprehensive how-it-works diagram and post by fetching user-specified docs, outlining architecture, workflows, and explanations.

docsfrontenddesignsocial-media

📋 Template

This skill scaffolds RFCs, ADRs, or blog posts using industry templates, delivering a ready-to-refine draft and guiding improvements.

docswritingproductivityai

📋 Terminal Ui Design System

This skill helps you implement a terminal-inspired design system with macOS window chrome, warm colors, and monospace typography for developer tools.

designuxdocs

🧪 Test Design Reviewer

This skill assesses test quality using Dave Farley's eight properties to guide reviewers in TDD-focused test design.

testingcode-reviewanalyticsperformance

🎨 Theme Creation

This skill helps you create and customize themes for PropertyWebBuilder, handling registration, inheritance, palettes, and per-website styling.

designuxbrandingproduct

🎨 Theme Factory

This skill helps you implement professional theming and design token systems for brand-consistent Streamlit apps with easy theme switching.

designuxpythonfrontend

🎨 Theme Factory

This skill guides you through adding a new UI theme to AiderDesk, covering SCSS variables, i18n, and TS type registration.

frontenddesignuxai

🎨 Theme Factory

This skill helps apply consistent theme styling to slides and documents by selecting from 10 preset palettes and fonts.

frontenddesignuxaccessibility

🎨 Theme Generator

This skill generates a cohesive Preline Theme CSS file by interpreting your request, executing the build, and delivering a ready-to-use theme.

frontendautomationdesignproduct

⚙️ Tikzjax Diagramming

This skill helps you create precise TikZ diagrams in Obsidian using TikZJax, enabling geometric, circuit, chemical, and 3D visualizations.

designdocsproductscripting

🎨 Timeline Creator

This skill helps you generate interactive HTML timelines and roadmaps with Gantt charts, milestones, and phase grouping for project planning.

frontenddesignplanningproductivity

🎨 Timeline Generator

This skill generates interactive timeline visualizations with vis-timeline, delivering ready-to-use MicroSim packages for historical, project, or event

frontenddatadocsdesign

🎨 Tonejs Skill

This skill helps you build browser-based audio apps with Tone.js, enabling synthesis, scheduling, effects, and real-time audio with precision.

frontendperformancedesign

🎨 Top Design

This skill helps you craft world-class web experiences with premium typography, motion, and layout to reach Awwwards-level prestige.

designuxbrandingperformance

⚙️ Traceability Auditor

This skill validates complete requirements traceability across EARS lifecycle, generating coverage reports and a traceability matrix to detect gaps and

aiautomationobservabilitymonitoring

⚙️ Trailer Teaser Generator

This skill crafts cinematic trailers with voiceover, music, and visuals that build tension for any subject.

aiautomationcontentcopywriting

🎨 Ts Tui Game Skill

This skill helps you build beautiful, performant TUI games with TypeScript and blessed by providing patterns, templates, and best practices.

typescriptclifrontendux

🎨 Tw React Components

This skill helps you build polished React dashboards using tw-react-components with TailwindCSS, providing ready-made UI, hooks, and layout patterns.

reactfrontendtypescriptdesign

🧪 Typesafe Rpc

This skill helps you implement and integrate a typesafe-rpc workflow in Node/TypeScript by generating end-to-end typed client and server.

backendapifullstackdebugging

🎨 Typeset

This skill analyzes typography and delivers a systematic plan to improve font choice, hierarchy, sizing, and readability for clearer, more intentional text.

designfrontenduxaccessibility

🎨 Typography

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

frontenddesignuxaccessibility

⚙️ Ui

This skill lets you create Unity UI elements efficiently using batch calls to instantiate 2+ elements and organize them under panels.

scriptingproductivitydesignux

🎨 Ui Design

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

frontenddesignuxaccessibility

🎨 Ui Design Core

This skill generates bold, unique frontend UI designs with refined details, color guidance, layout strategies, and anti-pattern checks to raise quality.

designuxfrontendaccessibility

🎨 Ui Design Iteration

This skill iterates data-heavy UI designs to improve scannability, accessibility, and consistent systematization for polished products.

designuxaccessibilityproduct

🔍 Ui Design Review

This skill performs a comprehensive UI/UX design review focused on usability, accessibility (WCAG), and visual consistency across web and desktop interfaces.

designuxaccessibilityproduct

🎨 Ui Design Styling

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

designuxfrontendreact

🧪 Ui Designer

This skill guides UI design by translating screens into implementable specs, ensuring clear states, tokens, and consistent visuals for rapid development.

designuxfrontendproduct

🧪 Ui Orchestrator

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

frontenddesigncode-reviewperformance

🧪 Ui Review

This skill automatically reviews UI visuals across viewports, logs in, captures screenshots, evaluates design quality, and reports actionable fixes.

frontendtestingdesignux

🎨 Ui Review

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.

frontenddesignuxlinting

🔍 Ui Review Tahoe

This skill performs comprehensive macOS Tahoe UI/UX reviews, ensuring Liquid Glass, HIG compliance, SwiftUI patterns, accessibility, and AppKit modernization

designuxaccessibilityproduct

🎨 Ui System Refactor

This skill helps you apply Capsule UI and Neko Blue branding guidelines to your interfaces, ensuring cohesive visuals and accessible interactions.

designuxbrandingfrontend

🎨 Ui Ux Design

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

frontenddesignuxaccessibility

🎨 Ui Ux Design

This skill helps ui-ux designers audit and implement accessible, responsive UI patterns using shadcn/ui components and Tailwind tokens.

designuxaccessibilityfrontend

🎨 Ui Ux Design

This skill helps you apply UI/UX design patterns for an LMS, improving navigation, accessibility, and responsive layouts across pages.

designuxaccessibilityfrontend

🎨 Ui Ux Expert

This skill helps you craft accessible, user-centered web interfaces by applying WCAG 2.2 guidelines, design systems, and responsive patterns.

designuxaccessibilityfrontend