Skills tagged "design" (787)

📋 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

🎨 A2ui_skills

This skill generates A2UI protocol v0.8 compliant UI code and JSONL messages to build agent-driven surfaces across platforms.

frontendapidataux

📋 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

🔍 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

🔍 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

🧪 Alignment Review

This skill reviews code changes for alignment with OpenEnv principles and RFCs, accelerating safe PR reviews and consistent design.

code-reviewdebuggingdesignlinting

🐛 Altinity Expert Clickhouse Schema

This skill analyzes ClickHouse table designs, partitions, ORDER BY keys, and materialized views to identify anti-patterns and optimization opportunities.

databasesqldataperformance

🎨 Analyse Design

This skill reverse-engineers a design system from code and screenshots to produce a developer-ready design reference for components.

designuxfrontendpython

🎨 Anduril

This skill applies Anduril design constraints to UI work, ensuring sharp corners, single accent usage, and accessible, lightweight typography.

designuxaccessibilityfrontend

🎨 Angular Component

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

frontendaccessibilityrefactordesign

🎨 Angular Directives

This skill helps Angular developers create reusable directives for DOM manipulation, behavior extension, and composition across components.

frontenddesignproductivity

🎨 Angular Material

This skill helps you integrate and theming Angular Material components efficiently, promoting proper module imports, styling, and UI consistency.

frontenduxaccessibilitydesign

🎨 Angular Material 19

This skill helps you implement Angular Material 19 theming, timepicker, CDK drag-drop, and dark mode to build cohesive, accessible UIs.

angularfrontendtypescriptdesign

🎨 Ant Design Guide

This skill helps you query Ant Design 5.x component APIs, props, and patterns with accurate guidance and best practices.

frontenddesigndocsux

🎨 Ant To Shadcn Migration

This skill migrates Ant Design components to shadcn/ui with Tailwind, generating layout skeletons and guiding aggressive CSS cleanup for Next.js App Router.

migrationfrontendrefactordesign

🎨 Antd Skills

This skill automates Ant Design development tasks, delivering code generation, standardization checks, design-to-code conversion, and migration guidance to

frontendautomationcode-reviewmigration

🛡️ Api Contract Design

This skill helps you design, document, and review REST, GraphQL, and OpenAPI contracts for consistent, evolvable APIs that developers love.

apibackenddesignsecurity

🛡️ Api Design

This skill helps you design REST APIs with best practices, validation, and standardized response formats for robust backend endpoints.

restapibackenddesign

🐛 Api Design

This skill guides RESTful API design using resource-oriented principles, enabling consistent, scalable endpoints with JSON responses and proper error handling.

apibackenddesigndocs

🔍 Api Design

This skill helps you design consistent API interfaces and DTOs with unified ApiResponse, camelCase fields, and validation at command boundaries.

apibackenddesignpython

🛡️ Api Guidelines Rfc 39

This skill helps design and review RFC-39 compliant Java REST APIs with standardized patterns for requests, responses, errors, pagination, versioning, and

apibackenddesignsecurity

🧪 Apollo Federation

This skill helps you author Apollo Federation subgraphs by guiding directive usage, schema patterns, and composition troubleshooting for a cohesive supergraph.

graphqldesigndebuggingtesting

🎨 App Icon

This skill generates iOS 26-ready app icons for React Native Expo projects using AI, handling styling, formats, and Android adaptive icon readiness.

designfrontendautomationcli

📋 App Store

This skill helps optimize App Store assets and captions by planning screenshot sequences and messaging to boost ASO and user engagement.

copywritingmarketinggrowthbranding

🎨 Applying Fsd Architecture

This skill helps you architect frontend projects with Feature-Sliced Design by guiding layers, slices, segments, and dependency rules for scalable code.

frontendrefactordesignproductivity

🎨 Arc Diagrams

This skill generates Arc-compatible architecture diagrams as JSON from user input, enabling quick visualization of systems in React apps.

frontendapidatabasecloud

🛡️ Architect

This skill designs scalable system architectures, selects viable tech stacks, and documents decisions to meet functional and non-functional requirements.

backendapisecurityperformance

⚙️ Architecting Agents

This skill helps you design robust AI agent architectures and optimize context management using proven patterns like subagents, isolation, and memory.

aiautomationdesignplanning

📋 Architecting Memory

This skill guides designing persistent memory architectures for AI agents, advancing from Vector RAG to GraphRAG to Temporal Knowledge Graphs.

aidatadesignplanning