Skills tagged "design" (787)

📋 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

⚙️ 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

⚙️ Svg Logo Designer

This skill helps you create professional SVG logos from descriptions, offering multiple variations and export formats for branding and icons.

designbrandingmarketingai

🧪 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

🎨 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

⚙️ 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