All authors
Claude Skills by onfire7777
github.com/onfire7777989 skills14 installs1,669 views
- Ui Design SystemUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools. Use for creating design systems, maintaining visual consistency, and facilitating design-dev collaboration.Votes: 0GitHub stars: 16
- Ui DesignComprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.Votes: 0GitHub stars: 16
- Ui Ux Pro MaxUI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mob...Votes: 0GitHub stars: 16
- Uiux Design ReviewComprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive design, and best practices for web and desktop applications.Votes: 0GitHub stars: 16
- Ultimate Skill CreatorThe definitive end-to-end pipeline for creating the highest quality portable AI skills. Orchestrates six individual skills in sequence — each run fully, separately, and in its entirety — to produce elite, production-grade skills. Use when the user explicitly requests the full pipeline, says "ultimate skill", "ultimate skill creator", "ultimate skill creation", "best skill", "best skill creator", "full pipeline", "full skill pipeline", or specifically asks for maximum quality skill creation wi...Votes: 0GitHub stars: 16
- Unit TestingUse when writing, improving, or debugging unit tests that verify isolated functions, methods, and classes. Covers cross-platform frameworks including Vitest, Jest, xUnit, NUnit, MSTest, pytest, JUnit 5, and Go testing with mocking strategies, test doubles, AAA pattern, and naming conventions. USE FOR: unit test frameworks, Vitest, Jest, xUnit, NUnit, pytest, JUnit, Go test, mocking, test doubles, AAA pattern DO NOT USE FOR: multi-component tests (use integration-testing), browser tests (use e...Votes: 0GitHub stars: 16
- Universal Ai ConfigConfigure and audit the local universal AI skills setup across Codex, ChatGPT, Claude, Claude Code, Claude Cowork, Cursor, Gemini, OpenCode, OpenSkills, Hermes Agent, OpenClaw, Cline, Continue, GitHub Copilot, Kiro, OpenHands, hosted provider compatibility surfaces, plugin manifests, optional MCP bridges, and global instruction files. Use when the user asks to organize, consolidate, optimize, rename, or repair the cross-AI skill router configuration.Votes: 0GitHub stars: 16
- Universal Ai SetupManage this repository as the user's universal AI setup hub for OpenSkills, source repo inventory, bootstrap scripts, skill audits, and cross-agent operating rules.Votes: 0GitHub stars: 16
- Universal Ai SkillsUse when the user asks about Universal AI Skills, skill-router, automatic skill routing, unknown skill names, cross-AI skill access, or router setup/debugging. Routes through the full shared corpus without installing or injecting the corpus into each AI client.Votes: 0GitHub stars: 16
- Uploadcare AutomationAutomate Uploadcare file management including listing, storing, inspecting, downloading, and organizing file groups through natural language commandsVotes: 0GitHub stars: 16
- Upstash QstashUpstash QStash expert for serverless message queues, scheduled jobs, and reliable HTTP-based task delivery without managing infrastructure. Use when: qstash, upstash queue, serverless cron, scheduled http, message queue serverless.Votes: 0GitHub stars: 16
- User Story Mapping WorkshopRun a user story mapping workshop with adaptive questions and a structured map output. Use when you need backbone activities, tasks, and release slices for a workflow.Votes: 0GitHub stars: 16
- User Story MappingCreate a user story map that lays out activities, steps, tasks, and release slices. Use when planning a workflow, backlog, or MVP around the user journey.Votes: 0GitHub stars: 16
- User Story SplittingBreak a large story or epic into smaller deliverable stories using proven split patterns. Use when backlog items are too big for estimation, sequencing, or independent release.Votes: 0GitHub stars: 16
- User StoryCreate user stories with Mike Cohn format and Gherkin acceptance criteria. Use when turning user needs into development-ready work with clear outcomes and testable conditions.Votes: 0GitHub stars: 16
- Using Git WorktreesUse when starting feature work that needs isolation from current workspace or before executing implementation plans - creates isolated git worktrees with smart directory selection and safety verificationVotes: 0GitHub stars: 16
- Using NeonGuides and best practices for working with Neon Serverless Postgres. Covers getting started, local development with Neon, choosing a connection method, Neon features, authentication (@neondatabase/auth), PostgREST-style data API (@neondatabase/neon-js), Neon CLI, and Neon's Platform API/SDKs. Use for any Neon-related questions.Votes: 0GitHub stars: 16
- Using SuperpowersUse when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questionsVotes: 0GitHub stars: 16
- Ux AuditDogfood web apps — browse as a real user, notice friction, document findings. Adopts a user persona, tracks emotional friction (trust, anxiety, confusion), counts click efficiency, tests resilience (mid-form navigation, back button, refresh), and asks 'would I come back?'. Produces ranked audit reports. Trigger with 'ux audit', 'dogfood this', 'ux walkthrough', 'qa test', 'test the app', or 'check all pages'.Votes: 0GitHub stars: 16
- Ux HeuristicsEvaluate and improve interface usability using heuristic analysis. Use when the user mentions "usability audit", "UX review", "users are confused", "heuristic evaluation", "form usability", or "navigation problems". Covers Nielsen's 10 heuristics, severity ratings, and information architecture. For visual design fixes, see refactoring-ui. For conversion-focused audits, see cro-methodology.Votes: 0GitHub stars: 16
- Ux Researcher DesignerUX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis. Use for user research, persona creation, journey mapping, and design validation.Votes: 0GitHub stars: 16
- UxlyScan web pages for UI consistency issues — misalignment, bad contrast, near-miss colors, inconsistent spacing, and more. Requires Chrome DevTools MCP. Use when the user asks to "check the UI", "scan for design issues", "run UXly", or "audit the page".Votes: 0GitHub stars: 16
- Variant AnalysisFind similar vulnerabilities and bugs across codebases using pattern-based analysis. Use when hunting bug variants, building CodeQL/Semgrep queries, analyzing security vulnerabilities, or performing systematic code audits after finding an initial issue.Votes: 0GitHub stars: 16
- Vercel Cli With TokensDeploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to vercel", "set up vercel", "add environment variables to vercel".Votes: 0GitHub stars: 16
- Vercel Composition PatternsReact composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.Votes: 0GitHub stars: 16
- Vercel React Best PracticesReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.Votes: 0GitHub stars: 16
- Vercel React Native SkillsReact Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.Votes: 0GitHub stars: 16
- Verification Before CompletionUse when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims; evidence before assertions alwaysVotes: 0GitHub stars: 16
- Vibe SecurityThis skill helps AI coding agents write secure web applications. Use when working on any web application to ensure security best practices are followed.Votes: 0GitHub stars: 16
- Video DownloaderDownloads videos from YouTube and other platforms for offline viewing, editing, or archival. Handles various formats and quality options.Votes: 0GitHub stars: 16
- VigilDetection engineering agent. Responsible for Sigma/YARA rule design, detection coverage mapping, threat hunting hypothesis design, Purple Team Blue-side execution, and Detection-as-Code CI/CD integration. Used when defensive security validation is required.Votes: 0GitHub stars: 16
- VisionCreative direction for UI/UX, complete redesigns, new designs, and trend application. Used when design direction, Design System construction, and orchestration of Muse/Palette/Flow/Forge are required. Does not write code.Votes: 0GitHub stars: 16
- Visual Design FoundationsApply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.Votes: 0GitHub stars: 16
- Visual Storytelling DesignUse when creating data journalism, presentations, infographics, or visual stories that need to communicate data insights through narrative structure. Invoke when user mentions data storytelling, scrollytelling, presentation design, infographic, annotated chart, data journalism, narrative visualization, or needs to transform data into compelling visual narratives.Votes: 0GitHub stars: 16
- Visual TestingUse for visual regression testing to catch unintended UI changes. Covers Chromatic (Storybook integration), Percy (BrowserStack), BackstopJS (headless CSS regression), Playwright screenshot assertions, and Applitools Eyes (AI-powered). Includes baseline management, approval workflows, and flaky screenshot handling. USE FOR: Chromatic, Percy, BackstopJS, Playwright screenshots, visual regression testing, UI snapshot comparison, CSS regression detection, Applitools, design system visual verific...Votes: 0GitHub stars: 16
- Visualization Choice ReportingUse when you need to choose the right visualization for your data and question, then create a narrated report that highlights insights and recommends actions. Invoke when analyzing data for patterns (trends, comparisons, distributions, relationships, compositions), building dashboards or reports, presenting metrics to stakeholders, monitoring KPIs, exploring datasets for insights, communicating findings from analysis, or when user mentions "visualize this", "what chart should I use", "create ...Votes: 0GitHub stars: 16
- Voice AgentsVoice agents represent the frontier of AI interaction - humans speaking naturally with AI systems. The challenge isn''t just speech recognition and synthesis, it''s achieving natural conversation flow with sub-800ms latency while handling interruptions, background noise, and emotional nuance. This skill covers two architectures: speech-to-speech (OpenAI Realtime API, lowest latency, most natural) and pipeline (STT→LLM→TTS, more control, easier to debug). Key insight: latency is the constraint...Votes: 0GitHub stars: 16
- Voice Ai DevelopmentExpert in building voice AI applications - from real-time voice agents to voice-enabled apps. Covers OpenAI Realtime API, Vapi for voice agents, Deepgram for transcription, ElevenLabs for synthesis, LiveKit for real-time infrastructure, and WebRTC fundamentals. Knows how to build low-latency, production-ready voice experiences. Use when: voice ai, voice agent, speech to text, text to speech, realtime voice.Votes: 0GitHub stars: 16
- VoiceCollects user feedback, designs NPS surveys, analyzes reviews and sentiment, classifies feedback, and generates insight extraction reports. Used when establishing a feedback loop is necessary.Votes: 0GitHub stars: 16
- VoidYAGNI verification, scope cutting, pruning, and complexity reduction proposals. A "subtraction" agent that questions the legitimacy of all code, features, processes, documents, design, specifications, dependencies, and configurations, proposing reductions of unnecessary complexity. Does not write code.Votes: 0GitHub stars: 16
- VoyagerSpecialist in E2E testing. Handles Playwright/Cypress/WebdriverIO setup, Page Object design, authentication flows, parallel execution, visual regression, accessibility testing, and CI integration. Validates entire user journeys. The E2E specialist version of Radar. Used when E2E test creation is needed.Votes: 0GitHub stars: 16
- Vp Cpo Readiness AdvisorGuide the transition to VP or CPO across preparing, interviewing, landing, and recalibrating. Use when executive product scope is changing fast.Votes: 0GitHub stars: 16
- Vulnerability ScannerAdvanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.Votes: 0GitHub stars: 16
- WardenGuardian of the V.A.I.R.E. quality standards (Value/Agency/Identity/Resilience/Echo). Responsible for pre-release evaluation, scorecard assessment, and pass/fail decisions. Used when a UX quality gate is required. Does not write code.Votes: 0GitHub stars: 16
- Wave Accounting AutomationAutomate Wave Accounting tasks via Rube MCP (Composio): invoices, customers, payments, and small business accounting. Always search tools first for current schemas.Votes: 0GitHub stars: 16
- Web Artifacts BuilderSuite of tools for creating elaborate, multi-component single-file HTML artifacts for compatible artifact renderers, including claude.ai. Uses React, Tailwind CSS, and shadcn/ui. Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.Votes: 0GitHub stars: 16
- Web Component DesignMaster React, Vue, and Svelte component patterns including CSS-in-JS, composition strategies, and reusable component architecture. Use when building UI component libraries, designing component APIs, or implementing frontend design systems.Votes: 0GitHub stars: 16
- Web Design BuilderCreate and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern frameworks. Automatically verifies designs using Playwright MCP for accessibility and functionality testing. Use this skill when users ask to create web designs, mockups, landing pages, web applications, or refactor existing HTML/CSS/JS designs.Votes: 0GitHub stars: 16
- Web Design GuidelinesReview UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".Votes: 0GitHub stars: 16
- Web DesignCSS implementation patterns for layout, typography, color, spacing, and responsive design. Complements ui-design (fundamentals) with code-focused examples.Votes: 0GitHub stars: 16