Build 3D and AR apps with the SceneView SDK in Jetpack Compose, SwiftUI (iOS/macOS/visionOS via SceneViewSwift), Web (Filament.js), Flutter and React Native.
Use when building or reviewing Scout web UI, dashboard UX, demo flows, visual polish, accessibility, responsive layout, and product screens for the Codex Hackathon project.
Scrapling CLI(명령줄) 도구로 터미널에서 웹 스크래핑하는 방법. 코드 작성 없이 scrapling extract 명령으로 웹페이지를 HTML/Markdown/텍스트로 추출하고, scrapling shell로 인터랙티브 스크래핑 REPL을 실행하며, scrapling install로 브라우저 의존성을 설치한다.
Generates Scrapy spider classes with CSS/XPath selectors, item pipelines, and middleware configurations for structured web scraping.
Interactive screen reader simulation for education and debugging. Parses HTML/JSX and produces step-by-step narration of what a screen reader would announce.
ScriptDrop Docker troubleshooting, database setup, port reference, and dev server debugging. Use when development containers have OOM kills, the dev server won't start, CSS/JS…
review, design, scaffold, refactor, and troubleshoot scss and sass based styling systems. use when the user asks for scss architecture, variables and tokens, mixins, nesting,…
SCSS and CSS architecture standards. Apply when working with CSS, SCSS, styling architecture, component styles, tokens, or compiled stylesheet organization.
Run a local read-only HTML topology UI for a project already deployed by Sealos Skills and return a localhost URL.
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postg — from…
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postg — from…
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postg — from…
Premium implementation specialist - Masters Laravel/Livewire/FluxUI, advanced CSS, Three.js integration — from LiHongwei-cn/lihongwei-cn
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.
Sets the mindset for a senior frontend developer concerning code quality, maintainability, and testing.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.
Principal-level product development and architecture skill for modern professional web platforms. Covers advanced frontend engineering, Next.js App Router patterns, React…
Full Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay, logging, profiling,…
Full Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or configure error…
Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring,…
Full Sentry SDK setup for React. Use when asked to "add Sentry to React", "install @sentry/react", or configure error monitoring, tracing, session replay, profiling, or logging…
Full Sentry SDK setup for Svelte and SvelteKit. Use when asked to "add Sentry to Svelte", "add Sentry to SvelteKit", "install @sentry/sveltekit", or configure error monitoring,…
Fetch and render web pages using the Servo browser engine — a single binary with JS execution, CSS layout, screenshots, and content extraction.
Configure Next.js projects with ESLint, Prettier, and recommended settings. Use when initializing Next.js projects, setting up linting, or when user mentions Next.js…
Create and initialize Tauri v2 cross-platform desktop and mobile projects, covering prerequisites, create-tauri-app or manual CLI setup, directory structure, and config.
Mapea el contrato FBSProxies (cliente WinForms SFZ) al contrato REST/OpenAPI del backend — trazabilidad IXxxApi ↔ endpoints con confianza 🟢🟡🔴. Exclusivo del frontend FBSCliente.
Modern CSS/SCSS architecture based on shadcn/ui design principles. Use this when generating any CSS, SCSS, or styling code to ensure modern, refined, and accessible design…
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples.
Reviews shadcn/ui components for CVA patterns, composition with asChild, accessibility states, and data-slot usage.
Use when creating Next.js projects with shadcn/ui, scaffolding new apps with Radix components, or setting up React apps with the Nova theme.
ใช้ skill นี้เมื่อผู้ใช้ต้องการลบ shadcn/ui ออกจากโปรเจกต์ทั้งหมดแล้วติดตั้งใหม่ตั้งแต่ต้น และอาจต้องการแยก cva() variants ออกจาก component หลังติดตั้งใหม่เสร็จ ใช้ skill…
Use when adding, using, or customizing shadcn-svelte components in a Svelte or SvelteKit project, or when you need to look up component APIs, install commands, or underlying…
Develop high-quality, accessible React components using shadcn-ui, Tailwind CSS, and Radix UI. Use when building forms, layouts, dialogs, tables, or any UI components.
shadcn/ui is a collection of accessible UI components built with Radix UI and Tailwind CSS that you copy into your project for full customization.
Apply pre-configured shadcn/ui themes with CSS variables. Use when user requests theme changes, color scheme updates, or design system modifications.
shadcn-vue Blocks — fertige Seiten-Layouts (Login, Signup, OTP, Dashboard, Sidebar, Products). Triggers: "shadcn-vue blocks", "shadcn vue blocks", "blocks overview", "shadcn vue…
Form-Komponente (shadcn-vue): Zugaengliche Formular-Abstraktion ueber vee-validate und Zod. Automatische ARIA-Attribute, eindeutige IDs, typgeprueft via toTypedSchema.
shadcn-vue Formulare mit vee-validate + Zod (toTypedSchema, useForm, VeeField, FieldArray) und mit TanStack Form (useForm aus @tanstack/vue-form, form.Field, mode="array").
shadcn-vue Setup und Installation fuer alle unterstuetzten Frameworks: Vite, Nuxt, Astro, Laravel (Inertia), manuell. Alle Schritte, Befehle und Konfigurationen vollstaendig.
Eigene shadcn-vue Registry aufbauen: registry.json anlegen, Komponente hinzufuegen, CLI-Build (npx shadcn-vue@latest build), Registry bereitstellen (public/r/*.json), per CLI…
shadcn-vue Typography: alle Text-Stil-Klassen fuer h1-h4, p, blockquote, table, list, Inline Code, Lead, Large, Small, Muted. Tailwind-Klassen und Verwendung.
Comprehensive post-build verification of Shannon Framework's application outputs using three-layer methodology: Flow Verification (execution trace analysis), Artifact Ver — from…
Expert Shopify theme development guidelines for Liquid, Online Store 2.0, CSS, JavaScript, and UX best practices
Build Checkout UI Extensions to customize Shopify checkout with sandboxed React-like components. Use when replacing checkout.liquid (deprecated Aug 2025), adding custom fields to…
shot-scraper is a Python CLI tool by Simon Willison for taking automated screenshots of websites and executing JavaScript against pages.
Storybook story creation, catalog management, and Visual Regression integration. UI component docs, visual testing, and CSF 3.0/Factories story creation.
Use when writing Vue.js/Angular/React components, Vitest tests, S3+CloudFront deploys, or frontend integrations (Pinia, Vue Router, Firebase).
Summarize a git diff into a senior-engineer PR description: intent, key changes grouped by surface (api/frontend/infra/docs), risks, and test coverage.
Generate comprehensive Spanish README.md documentation for Svelte 5 projects with Mermaid diagrams. Use when art-vandeley detects a Svelte/SvelteKit codebase.
Biblioteca de componentes Three.js + React Three Fiber para webs 3D. Usar cuando el usuario pida: esferas 3D con texturas, campos de estrellas, modelos glTF, partículas WebGL,…
Analisa lacunas de capacidade da força de trabalho contra um conjunto de capacidades-alvo e recomenda build/buy/borrow por gap.
Skriptoteket frontend development (FastAPI backend + full Vue/Vite SPA) using the HuleEdu-aligned stack (Vue 3.5.x + Vite + TypeScript, Pinia, Vue Router, Tailwind CSS v4…
Fetch web content efficiently by checking llms.txt first, then Cloudflare markdown endpoints, then falling back to HTML.
PHP stack detector for PHP projects. Reads composer.json and sentinel files (artisan, bin/console, wp-config.php) to detect the framework (Laravel, Symfony, WordPress), data layer…
Use when a task involves reading, editing, reviewing, testing, debugging, refactoring, or otherwise working with source code files.
Diagnóstico de Span of Intelligence, evolução do span of control tradicional. Lê CSV/XLSX da org (employee, manager, opcionalmente ai_agents + automation_pct) e gera relatório…
Hỗ trợ phát triển, xây dựng, khởi chạy và bảo trì dự án D-Sport Center (Spring Boot backend + React frontend).
Stack oficial de frontend e backend (Next.js, React, TypeScript, Tailwind; FastAPI, SQLAlchemy, Alembic, PostgreSQL).