superskills
01Plugin Claude Code
Superskills marketplace — the superskills plugin, installable directly from this repo.
Plugin Claude Code
Superskills marketplace — the superskills plugin, installable directly from this repo.
Plugin Claude Code
Curated AI engineering + design + marketing skills with a Google/Meta-quality workflow (TDD, DRY, SOLID). The plugin install exposes the core and design skills; the full marketing-skills set installs via ./setup.
Instructions file
Instructions for ariadoss/superskills, covering superskills, engineering standards (applies to all code in this repo), versioning, always re-run ./setup after a pull or after adding a skill and always keep a local copy of imported skills.
Skill Claude CodeCodex
Adjust communication style based on whether the user is in a relational (exploratory, hedging) or transactional (direct, technical) mode. Use when calibrating response tone, level of scaffolding, or how much to acknowledge context before answering.
Skill Claude CodeCodex
Generate App Store and Google Play marketing screenshots using Next.js. Use when the user wants to create app store screenshots, marketing screenshots, or device mockup exports for iOS, iPad, or Android.
Skill Claude CodeCodex
Bence's code style, tech stack, and workflow conventions.
Skill Claude CodeCodex
React 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.
Skill Claude CodeCodex
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
Skill Claude CodeCodex
Conduct systematic visual audits of existing applications and produce phased, implementation-ready design plans. Use when the user requests UI audits, visual design improvements, interface polishing, design consistency reviews, or says "make it look better" or "UI polish".
Skill Claude CodeCodex
Detect and fix design drift — the ad-hoc colors, spacing, type sizes, shadows, and duplicate component variants that accumulate outside the design system and harden into debt. Use when the user mentions "design drift", "inconsistent UI", "one-off styles", "magic numbers in CSS", "consolidate styles", "design tokens…
Skill Claude CodeCodex
Run a structured 5-day process to prototype, test, and validate product ideas with real users. Use when the user mentions "design sprint", "validate in a week", "rapid prototype", "test with users", "de-risk before building", "GV sprint", "prototype testing", or "design workshop". Also trigger when a team needs to…
Skill Claude CodeCodex
Senior UI/UX engineering system that enforces metric-based design rules, strict component architecture, CSS hardware acceleration, and balanced design engineering. Use when building premium frontend interfaces, dashboards, or SaaS UIs. Combats generic AI design patterns.
Skill Claude CodeCodex
UI polish, component design, animation decisions, and invisible details that make software feel great. Encodes Emil Kowalski's philosophy on design engineering. Use when the user wants to improve animation quality, polish UI interactions, or understand what makes interfaces feel "right".
Skill Claude CodeCodex
Override default LLM truncation behavior to enforce complete code generation. Use when the user asks for complete files, all components, or full implementations and you're likely to truncate. Treat partial output as broken output.
Skill Claude CodeCodex
Design like a high-end agency with exact fonts, spacing, shadows, card structures, and animations that make websites feel expensive — while avoiding the recognizable tells of AI-generated UI (side-tab borders, purple/cyan palettes, cream backgrounds, gradient text, icon-tile stacks) and using only open-licensed fonts.…
Skill Claude CodeCodex
Design habit-forming product loops using the Hook Model (Trigger, Action, Variable Reward, Investment). Use when the user mentions "users arent coming back", "engagement loops", "habit formation", "push notifications", "variable rewards", "daily active users", "habit zone", or "user retention loops". Also trigger when…
Skill Claude CodeCodex
Systematic architectural thinking that emphasizes irreplaceable human capabilities. Use when designing system architecture, making technology decisions, navigating constraints, or decomposing problems for AI execution. Covers domain modeling, systems thinking, constraint navigation, and AI-aware decomposition.
Skill Claude CodeCodex
Skill for interface design (dashboards, admin panels, SaaS apps, tools) focusing on craft and consistency. Use when building product interfaces, internal tools, or complex UI systems that require intentional design decisions about hierarchy, layout, and component behavior.
Skill Claude CodeCodex
Comprehensive guidance for iOS app development across multiple specialized areas.
Skill Claude CodeCodex
Create clean editorial-style interfaces with warm monochrome palette, typographic contrast, flat bento grids, and muted pastels. Use when the user wants minimalist design, editorial style, clean typography-driven UI, or "less is more" aesthetic.
Skill Claude CodeCodex
Evaluate systems through an entropy/negentropy lens — is this system decaying or growing? Use when making architecture decisions, evaluating system health, or when the user mentions "entropy", "negentropy", "technical debt", "system decay", or "tacit knowledge".
Skill Claude CodeCodex
Design grassroots-first campaigns for organizations facing spending disadvantages against well-funded competitors. Use when planning a launch campaign, growth strategy, or marketing with limited budget vs established competitors.
Skill Claude CodeCodex
React 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…
Skill Claude CodeCodex
React 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.