All authors
Claude Skills by SkyyRoseLLC
github.com/SkyyRoseLLC420 skills27 installs642 views
- Css ResponsiveModern responsive design using container queries, fluid typography, responsive images, logical properties, viewport units, intrinsic sizing, and preference queries. Prioritizes container queries over media queries. Use when the user asks for responsive CSS, responsive design, mobile layout, fluid typography, responsive images, dark mode, prefers-reduced-motion, or adaptive design.Votes: 0GitHub stars: 3
- Css ThemeBuild theming systems with modern CSS. Covers custom properties architecture (primitive, semantic, component tokens), oklch/oklab color spaces, color-mix() for tints and shades, light-dark() for automatic dark mode, @property for typed custom properties, multiple theme support, contrast themes, and forced-colors mode. Use when building a theme, adding dark mode, creating color systems, setting up design tokens, or implementing color schemes.Votes: 0GitHub stars: 3
- Database MigrationsSafe schema and data migrations — expand/contract, concurrent indexes, batched backfills, rollback strategy — across PostgreSQL/MySQL and Alembic (this repo's canonical tool), Prisma, Drizzle, Kysely, Django, golang-migrate. Use when a model/table/column/index changes, a backfill is needed, or migration tooling is being set up or repaired. Do NOT use for query tuning and index *selection* on an unchanged schema (that is postgres-patterns), for Redis key/TTL design (redis-patterns), or for bri...Votes: 0GitHub stars: 3
- Deep ResearchMulti-source deep research using firecrawl and exa MCPs. Searches the web, synthesizes findings, and delivers cited reports with source attribution. Use when the user wants thorough research on any topic with evidence and citations. Do NOT use for questions about this codebase (read the code), single-fact lookups one search answers, or library/API docs (Context7 first).Votes: 0GitHub stars: 3
- Design QcVisual QC of a running UI — captures screenshots via `openwolf designqc`, then reviews them against modern UI standards (DevSkyy dashboard) or SkyyRose brand canon (WP theme). Use when the user asks to check, evaluate, or improve the design/UI of the DevSkyy app or the SkyyRose theme. Do NOT use for choosing or migrating a component framework (that is `reframe`) or for building net-new UI from scratch (that is `frontend-design` / `fashion-theme-architect`).Votes: 0GitHub stars: 3
- Devskyy PatternsCoding patterns extracted from DevSkyy git history (200 commits analyzed 2026-06-10). Commit conventions, hot-surface workflows, co-change rules (CSS→.min rebuild, source→.wolf docs), and testing layout. Use when committing, editing theme assets, or onboarding a session to this repo's actual practices.Votes: 0GitHub stars: 3
- Dmux WorkflowsMulti-agent orchestration using dmux (tmux pane manager for AI agents). Patterns for parallel agent workflows across Claude Code, Codex, OpenCode, and other harnesses. Use when running multiple agent sessions in parallel or coordinating multi-agent development workflows.Votes: 0GitHub stars: 3
- Docker PatternsDocker and Docker Compose patterns for local development, container security, networking, volume strategies, and multi-service orchestration. Use when authoring or debugging a Dockerfile / compose file, bringing the local DevSkyy stack up, or diagnosing container networking, healthcheck, or volume failures. Do NOT use for production orchestration on Fly/Vercel/Kubernetes, for WordPress theme deploys (that is wp-deploy — skyyrose.co is WP.com Atomic, not containerized), or for schema changes i...Votes: 0GitHub stars: 3
- Exa SearchNeural search via Exa MCP for web, code, and company research. Use when the user needs web search, code examples, company intel, people lookup, or AI-powered deep research with Exa's neural search engine.Votes: 0GitHub stars: 3
- Fal Ai MediaVideo and audio generation via the fal.ai MCP — text/image-to-video (Seedance, Kling v3, Veo 3), text-to-speech (CSM-1B), and video-to-audio (ThinkSound). Use when the user asks to generate a video, a voiceover, music, or a sound effect with AI. Do NOT use for product or still imagery — SkyyRose product renders are OpenAI `gpt-image-2` only, via the `ai-image-generation` skill — and do NOT use for editing or assembling clips that already exist (that is video-editing / ffmpeg work, not generat...Votes: 0GitHub stars: 3
- Frontend A11yAccessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.Votes: 0GitHub stars: 3
- Frontend Design DirectionSet an ECC-specific frontend design direction — Purpose / Audience / Tone / Memorable-detail / Constraints — BEFORE any UI code is written. Use when a website, dashboard, app, component, or landing page needs a decided direction, or when existing UI reads flat, generic, or mismatched to its audience. Do NOT use for implementation once the direction is settled (that is `frontend-design`), for token-system generation or drift audits (`design-system`), or for SkyyRose brand-canon calls (`luxury-...Votes: 0GitHub stars: 3
- Frontend DesignBuild production-grade frontends grounded in the user's existing codebase, framework, and design system. Read first, design second. Defaults: accessible (WCAG 2.2 AA), performant (Core Web Vitals budgeted), responsive (mobile-first). Use when building or restyling a page, view, component, or layout in a real codebase and the aesthetic register still has to be chosen — picks calm-editorial / dense-utility / expressive-brand from product context rather than impulse. Do NOT use for SkyyRose bran...Votes: 0GitHub stars: 3
- Frontend PatternsReact/Next.js structural patterns — component composition, custom hooks, state layering, data fetching, memoization, virtualization, forms, and error boundaries — as practised in the devskyy dashboard at frontend/. Use when building or reviewing a component, hook, API route, or state container under frontend/ (Next.js 16 + React 19). Do NOT use for the WordPress theme (no React — that is skyyrose-wp-platform / css-cascade-discipline), and do NOT use for animation specifics (motion-ui) or acce...Votes: 0GitHub stars: 3
- Immersive Interactive ArchitectSpecialized architect for building augmented reality, 3D, and immersive shopping experiences — across ANY output format (React JSX, standalone HTML/CSS/JS, WordPress/WooCommerce PHP, Python backends, or any other language). Use this skill whenever the user mentions: 3D product viewers, virtual try-on, AR fitting rooms, immersive brand showrooms, 3D collection environments, interactive drop pages, Three.js, React Three Fiber, A-Frame, model-viewer, WebXR, GSAP cinematic scroll, Lottie animatio...Votes: 0GitHub stars: 3
- Interactive Web DevelopmentExpert knowledge in building interactive, dynamic web experiences with React, Vue, Svelte, animations, and user interactions. Triggers on keywords like "interactive", "animation", "dynamic", "react", "vue", "svelte", "gsap", "framer motion", "scroll animations", "parallax", "hover effects", "transitions".Votes: 0GitHub stars: 3
- Investor MaterialsCreate and update pitch decks, one-pagers, investor memos, accelerator applications, financial models, and fundraising materials that stay internally consistent across every asset. Use when the user needs investor-facing documents, projections, use-of-funds tables, or milestone plans. Do NOT use for the underlying market study (market-research), for outbound investor emails (investor-outreach), or for customer-facing launch copy (marketing-campaign).Votes: 0GitHub stars: 3
- Liquid Glass DesigniOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.Votes: 0GitHub stars: 3
- Market ResearchConduct market research, competitive analysis, investor due diligence, and industry intelligence with source attribution and decision-oriented summaries. Use when the user wants market sizing, competitor comparisons, fund research, technology scans, or research that informs a business decision. Do NOT use for building the investor-facing documents themselves (investor-materials) or for campaign copy derived from the findings (marketing-campaign).Votes: 0GitHub stars: 3
- Marketing CampaignEnd-to-end marketing campaign planning and execution — audience research, positioning, campaign angle, landing page copy, email sequences, social posts, ad copy, video scripts, and content calendars. Use when orchestrating a multi-channel product launch from one brief. Do NOT use for a single asset (content-engine for a post, article-writing for a piece, crosspost for distribution only) or for the underlying market study (market-research).Votes: 0GitHub stars: 3
- Motion UiProduction-ready React/Next.js motion system (Framer Motion / Motion for React) covering tokens, AnimatePresence, reduced motion, and SSR safety. Use when adding or reviewing animation in frontend/ — a new motion.* component, an AnimatePresence enter/exit, a scroll-linked transform, or a jank/hydration complaint about an animated dashboard surface. Do NOT use for the WordPress theme's vanilla-CSS/Three.js motion (no React there — use css-cascade-discipline for keyframes and skyyrose-3d-web-os...Votes: 0GitHub stars: 3
- Nextjs TurbopackNext.js 16+ with Turbopack — the default dev bundler, its filesystem cache, module-trace (NFT) failures, and when to fall back to webpack. Use when developing or debugging a Next.js 16+ app, diagnosing slow `next dev` startup or HMR, reading a `next build` route table, or resolving a Turbopack-specific build error such as "Encountered unexpected file in NFT list". Do NOT use for Next.js App Router semantics — RSC boundaries, `<Suspense>` under `cacheComponents`, data fetching (that is `intera...Votes: 0GitHub stars: 3
- Postgres PatternsPostgreSQL patterns for query optimization, schema design, indexing, RLS, and connection pooling. Use when writing or reviewing SQL against the devskyy Postgres, choosing an index, diagnosing a slow query, or hardening database security. Do NOT use for versioning schema changes (that is database-migrations — Alembic owns every DDL change here), for Redis/cache semantics (redis-patterns), or for the container/compose layer around the database (docker-patterns).Votes: 0GitHub stars: 3
- Python PatternsPython best practices, security patterns, type hints, async patterns, and Pythonic idioms for FastAPI/Django projects.Votes: 0GitHub stars: 3
- Redis PatternsRedis data structure patterns, caching strategies, distributed locks, rate limiting, pub/sub, and connection management for production applications. Use when adding or debugging caching, a distributed lock, a rate limiter, session/token storage, or a Streams/Pub-Sub flow against the devskyy Redis. Do NOT use for durable relational data or transactional integrity (postgres-patterns — Redis is not a system of record), for schema/versioned state (database-migrations), or for the container's heal...Votes: 0GitHub stars: 3
- ReframeChoose or migrate the UI component framework of a project (shadcn/ui, Aceternity, Magic UI, DaisyUI, HeroUI, Chakra, Flowbite, Preline, Park, Origin, Headless UI, Cult UI) using the OpenWolf knowledge base at `.wolf/reframe-frameworks.md`. Use when the user asks to change, pick, migrate, or "reframe" their project's UI framework, or asks "which component library should we use". Do NOT use for restyling inside a framework the project already uses (that is `frontend-design` / `ui-ux-pro-max`), ...Votes: 0GitHub stars: 3
- SeoAudit, plan, and implement SEO improvements across technical SEO, on-page optimization, structured data, Core Web Vitals, and content strategy. Use when the user wants better search visibility, SEO remediation, schema markup, sitemap/robots work, or keyword mapping. Do NOT use for writing the page copy itself (article-writing / brand-voice) or for general page-speed refactors unrelated to search (that is the optimize skill).Votes: 0GitHub stars: 3
- Social PublisherAgent-driven scheduling and publishing of social media posts across 13 platforms via SocialClaw. Use when the user wants to publish to X, LinkedIn, Instagram, Facebook Pages, TikTok, Discord, Telegram, YouTube, Reddit, WordPress, or Pinterest — or when managing campaigns, uploading media, or monitoring post delivery status.Votes: 0GitHub stars: 3
- Tdd WorkflowDrives RED → GREEN → IMPROVE in this repo's actual runners — pytest via `rtk proxy`, vitest in frontend/, Playwright for flows — and requires the RED state to be observed, not assumed. Use when writing a new feature, fixing a bug, or refactoring anything under the Python API, frontend/, or the theme's JS. Do NOT use for retrofitting tests onto code that already shipped green (that is a coverage-gap task), and do NOT use it to decide whether an existing suite's result is trustworthy — that is ...Votes: 0GitHub stars: 3
- Token Budget AdvisorOffers the user an informed choice about how much response depth to consume before answering. Use this skill when the user explicitly wants to control response length, depth, or token budget. TRIGGER when: "token budget", "token count", "token usage", "token limit", "response length", "answer depth", "short version", "brief answer", "detailed answer", "exhaustive answer", "respuesta corta vs larga", "cuántos tokens", "ahorrar tokens", "responde al 50%", "dame la versión corta", "quiero contro...Votes: 0GitHub stars: 3
- Ui Ux Pro Max"UI/UX design intelligence. 67 styles, 96 palettes, 57 font pairings, 25 charts, 13 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styl...Votes: 0GitHub stars: 3
- Verification LoopRuns the full DevSkyy gate battery (pytest, ruff, phpcs/phpstan, verify:theme, .min rebuild, live curl, eyes-on) and reports each result with an evidence-scope tag. Use when a feature, fix, or refactor is finished and you are about to claim "done", open a PR, or deploy. Do NOT use for choosing which gate to add or for reviewing code quality by reading it — that is code-review; this skill only executes gates that already exist and reports what they returned.Votes: 0GitHub stars: 3
- Wc Pdp CorrectnessWooCommerce product-detail-page and add-to-cart correctness for the skyyrose-flagship theme — AJAX contract, variation forms, stock states, cart fragments. Use when building, changing, or reviewing single-product templates, product cards, or any add-to-cart surface under wordpress-theme/skyyrose-flagship/. Do NOT use for WooCommerce core contributions (that is woocommerce-backend-dev) or for REST-API automation against the live store (that is wordpress-woocommerce-automation).Votes: 0GitHub stars: 3
- Web Vitals BudgetsBrowser-measured Core Web Vitals (LCP/CLS/INP) budgets and measurement workflow for hero video, animated headers, and immersive media surfaces. Use when shipping or auditing any above-the-fold media change to skyyrose.co, and during launch audits — the browser half that wp-performance (backend-only) explicitly excludes. Do NOT use for backend TTFB root-causing, DB/query/cron/object-cache work (that is wp-performance), or for changes that cannot alter above-fold rendering.Votes: 0GitHub stars: 3
- Wordpress Woocommerce AutomationAutomate WordPress and WooCommerce operations via REST API. Use when managing products, orders, content, or site configuration programmatically. Triggers on requests to create/update products, manage inventory, generate Elementor layouts, handle WooCommerce orders, or automate any WordPress operations. Includes Elementor JSON generation patterns for skyyrose.co.Votes: 0GitHub stars: 3
- Wp PlaygroundTest code with WordPress by starting a WordPress server. Use when testing changes to a WordPress plugin, a WordPress theme, WordPress source code, verifying WordPress behavior, or needing a running WordPress instance to validate workVotes: 0GitHub stars: 3
- Validation Protocol> Theme building validation for immersive e-commerce. Advisory guidance only.Votes: 0GitHub stars: 3
- Run Devskyy DashboardBuild, launch, and drive the DevSkyy Next.js dashboard at `frontend/` headlessly. Use when asked to run, start, launch, smoke, screenshot, verify, boot, or take a picture of the dashboard, the admin UI, the storefront preview, or any route on `localhost:3000` / `devskyy.app`. Ships a Playwright-library driver (`driver.mjs`) that boots Chromium, asserts HTTP 200, and writes PNGs.Votes: 0GitHub stars: 3
- Elite Builder RuntimeLazily operate the optional hardened Elite Web Builder runtime bundled with Fashion Theme Team. Use only when the user requests the runtime, multi-provider story execution, its verification/self-heal loop, or its specialized Python tools. Do not use for ordinary team routing or theme edits.Votes: 0GitHub stars: 3
- Fashion A11y PerformanceReviews and hardens WCAG, inclusive content, keyboard/focus, reduced motion, localization, fallbacks, Core Web Vitals, and storefront performance.Votes: 0GitHub stars: 3
- Fashion Brand ExperienceDefines SkyyRose brand direction, visual identity, editorial composition, typography, imagery provenance, and logo-off recognition.Votes: 0GitHub stars: 3
- Fashion Branded SkillsRoutes the 234 bundled branding, content, lifecycle, commerce, funnel, SEO, and social skills through authenticated SkyyRose enhancement contracts. Use when one of those branded capabilities is requested or when auditing its gaps.Votes: 0GitHub stars: 3
- Fashion Commerce EngineeringImplements catalog truth, WooCommerce templates, product discovery, fit and returns contracts, secure customer journeys, and commerce-state behavior.Votes: 0GitHub stars: 3
- Fashion Design SystemBuilds and governs SkyyRose tokens, typography, primitives, component APIs, states, responsive rules, motion contracts, fixtures, and adoption evidence.Votes: 0GitHub stars: 3
- Fashion E2e Task ExecutionRuns any Fashion Theme Team capability as an end-to-end, evidence-backed SkyyRose task from scope and source authority through implementation, independent verification, release decision, and handoff. Use whenever work spans product media, catalog, design, frontend, motion, accessibility, commerce, visual QA, staging, packaging, release, or a corrective retry; invoke it alongside the narrow capability skill even when the request only names that capability.Votes: 0GitHub stars: 3
- Fashion Frontend MotionImplements SkyyRose PHP/CSS/JS surfaces, responsive composition, immersive interactions, WebGL/360 fallbacks, and generated asset parity.Votes: 0GitHub stars: 3
- Fashion Handoff ContractsProduces and validates SkyyRose structured HTML, JSON, and evidence handoffs with stable IDs, schema parity, provenance, and candidate-bound proof.Votes: 0GitHub stars: 3
- Fashion Premium Feature SystemExecutes and governs every premium storefront feature in the SkyyRose feature catalog, from landing-page immersion and merchandising controls through WooCommerce states, accessibility, security, performance, and release proof.Votes: 0GitHub stars: 3
- Fashion Release EvidenceBuilds candidate-bound marketplace, packaging, compatibility, security, test, rollback, and release-readiness evidence for SkyyRose themes.Votes: 0GitHub stars: 3
- Fashion Strategy BrainTurns fashion-commerce strategy, research, page architecture, V2 planning, and the Fashion Theme Brain into evidence-bound HTML/JSON work packets.Votes: 0GitHub stars: 3