Claude Skills by tizonai

github.com/tizonai

15 skillsA× 12B× 30 installs0 views

hyperuiBDesign, spec, build, review, ship any product with a UI — web, mobile, macOS, Windows. Use when the user describes something they want to build, redesign, plan, deploy, sell, or asks where to start.developmentgoshellVotes: 0GitHub stars: 2
BuildBImplement a spec task or a change in the user's codebase: pick the language rules, test first (TDD), use the official docs MCPs instead of memory, hand off to review and to Impeccable for UI. Use when the user asks to implement, build, code, fix, or 'do' a task from the spec or a described change (hazlo, implementa, constrúyelo, arréglalo, 'tarea 1') — any language. Reads .hyperui/profile.md and .hyperui/spec/; writes code and tests in the user's repo.developmentjavascripttypescriptVotes: 0GitHub stars: 2
CritiqueADiagnose and critique any UI against established HCI/UX theory and the product's goal: a live site or app (with browser evidence), a designer's mock or Figma export, or a design about to be built. Heuristic evaluation (Norman, Nielsen, ISO 9241-110, Shneiderman), the conversation/repair model, cognitive load, Munzner for data views, and a conversion lens (sign-up, purchase, download, read, trust). Use when the user asks to review, critique, audit, evaluate, diagnose or 'is this good?' about a...developmentrustgoVotes: 0GitHub stars: 2
DesignABuild standout, production-grade frontends end to end: brief → visual direction → design tokens → components → motion → QA. Use when asked to design or build a landing page, marketing site, dashboard, app UI, component or redesign, or to make an existing UI look premium. Orchestrates ui-ux-pro-max, frontend-design, 21st.dev, motion and Impeccable when they are installed.developmentgobashVotes: 0GitHub stars: 2
DoctorAReport which parts of the hyperui stack are installed in this project/machinedevelopmentbashVotes: 0GitHub stars: 2
GitACommits, branches, pull requests, releases and hotfixes for the user's repo: Conventional Commits, SemVer, changelog, branching model by team size. Use when the user asks to commit, save or upload changes to git, open or describe a PR, cut a release, bump a version, tag, write the changelog, start or finish a hotfix, or pick a branching model — in any language (\"haz commit\", \"súbelo a git\", \"saca una versión\").developmentgobashVotes: 0GitHub stars: 2
Skills DirectorySkills Directory Look up any of 103,619 scanned skills — grade, score, and every finding. Free.Check a skill
InfraAInfrastructure for products that outgrow a PaaS: containers, several services, environments, pipelines — Terraform (Terragrunt for ≥ 2 envs), ECS Fargate by default vs EKS with the trade-off, GitHub Actions OIDC vs CodePipeline, state backend and IAM first. Use when the architecture has containers, multiple services or environments, a pipeline to AWS, or the user asks (in any language) how to set up the infra, IaC, Terraform, Kubernetes, Fargate, EKS or CI/CD for a product. Writes the files a...developmentgobashVotes: 0GitHub stars: 2
MotionAAnimate React/Next.js UI with the `motion` package (Framer Motion's successor): entrances, stagger, hover/tap feedback, layout and shared-element transitions, AnimatePresence, scroll-linked effects, reduced-motion. Use when adding or fixing animations, transitions or micro-interactions.developmentbashreactVotes: 0GitHub stars: 2
PatternsAArchitecture and design patterns only when the spec calls for them: DDD tactical building blocks, CQRS, hexagonal boundaries, GoF patterns (singleton, strategy, …), resilience (circuit breaker, retry, bulkhead, timeouts, rate limiting). Use for backend/architecture questions, never for a landing page or a static site: aggregates, consistency, external API or database calls, webhooks, read vs write models, 'what architecture/patterns does this need' (any language). Answers 'no pattern needed' ...developmentgobashVotes: 0GitHub stars: 2
ReviewBReview code the plugin or the user wrote before calling it done: security (OWASP Top 10:2025, ASVS, cheat sheets), algorithmic and cyclomatic complexity, and the safety rules for risky actions. Use after any build task, on request ('revisa', 'review this', 'is this safe', 'check my code'), or before a PR — any language. Fixes blocking findings in hyperui's own output; proposes fixes for the user's code.developmentrustgoVotes: 0GitHub stars: 2
SetupAInstall the hyperui stack (HyperFrames, Motion, Motion AI Kit, UI UX Pro Max, 21st.dev MCP, frontend-design, Impeccable, optional Playwright MCP) into the current project, and help install missing prerequisites (node, python3). Manual: /hyperui:setup [--global] [--21st-key KEY] [--skip-*] [--motion-plus] [--playwright-mcp] [--install-prereqs] [--telemetry | --no-telemetry] [--dry-run]developmentpythonbashVotes: 0GitHub stars: 2
ShipAPut a product online and get paid: domain, DNS, hosting/deploy, backend/db/auth, payments by seller country, app-store/desktop distribution — chosen by budget, ease and the user's level. Use when the user asks (in any language) how to publish or deploy, go live, buy a domain, accept cards or get paid, pick a database or auth, or ship to the App Store, Google Play, Microsoft Store or as a desktop app. Prepares configs and the exact command or clicks; the user runs every purchase and deploy.developmentgobashVotes: 0GitHub stars: 2
SpecAPlan a product or change before building: gated PRD → requirements → design → tasks, or a one-file SDD-lite for small changes. Use after a design is picked or when the user asks to plan, scope, break down, or 'how do we build this' (planéalo, cómo lo hacemos, plan it, spec it) — any language. Reads .hyperui/profile.md, writes .hyperui/spec/.developmentgobashVotes: 0GitHub stars: 2
VideoAMake a short promo/demo video of a web product with HyperFrames (HTML → MP4), reusing the project's real brand tokens and components. Use when asked for a promo, teaser, product video, launch clip, social clip.developmentgobashVotes: 0GitHub stars: 2
VizADecide how to visualize data before drawing anything: Munzner's what–why–how analysis, idiom choice by channel effectiveness, interaction and validation. Use for dashboards, charts, analytics views, reports, KPI pages, metrics, any CSV or table about to become a graphic — also when asked in Spanish (dashboard de ventas, tablero, gráfica, reporte). Invoke it FIRST, before any chart code and before a rendering skill such as dataviz: viz decides what to draw and writes the what–why–how table; th...developmentgobashVotes: 0GitHub stars: 2