All authors
Claude Skills by hsynozdamar-byte
github.com/hsynozdamar-byte56 skills0 installs0 views
- AccessibilityWeb accessibility audit and fixes to WCAG 2.2. Use when asked for an a11y audit, WCAG compliance, screen reader support or keyboard navigation.Votes: 0GitHub stars: 3
- Ai SeoOptimizing content to be cited by AI search engines and LLMs (AEO, GEO, llms.txt, agent readiness). Use when someone wants to appear in AI answers. Not for classic SEO audits.Votes: 0GitHub stars: 3
- AnalyticsAnalytics tracking and measurement setup or audit. Use when setting up GA4, GTM, event or conversion tracking, UTM parameters, or a tracking plan, or when events are not firing.Votes: 0GitHub stars: 3
- AnatomyInteractive isometric SVG figure of a machine or mechanism with a live readout and eased motion. Use when asked to explain how a device or system works as an isometric illustration, or /anatomy.Votes: 0GitHub stars: 3
- App Store ScreenshotsApp Store and Google Play screenshot generator built as a Next.js page. Use when making exportable marketing screenshots for iOS, macOS or Android apps.Votes: 0GitHub stars: 3
- Apple DesignApple-style fluid interfaces on the web, from WWDC talks. Use when building or reviewing gesture-driven UI, springs, interruptible transitions, translucent materials or reduced motion.Votes: 0GitHub stars: 3
- Appllama App Design SkillNative-feeling mobile app screens in Expo / React Native only, not web. Use when building or improving native app screens with Apple HIG fidelity, Reanimated motion and simulator checks.Votes: 0GitHub stars: 3
- Appllama UsageUsing the Appllama MCP to research real top-grossing mobile apps, screens and flows. Use when the Appllama MCP is connected and the task is building a mobile app or screen from researched patterns.Votes: 0GitHub stars: 3
- AsoApp Store and Google Play listing audit and optimization. Use when the user shares a store URL or wants better ASO, keywords, ranking or install conversion.Votes: 0GitHub stars: 3
- Baseline UiQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.Votes: 0GitHub stars: 3
- Beautiful ShadowsExact Tailwind arbitrary shadow utilities for layered neutral elevation. Use when cards, controls, popovers or panels need refined shadows instead of default Tailwind scales.Votes: 0GitHub stars: 3
- Better AccessibilityUI accessibility to WCAG 2.2 AA: focus, keyboard, ARIA, forms, live regions, target sizes. Use when building interactive UI or auditing a screen or component.Votes: 0GitHub stars: 3
- Better ColorsColor systems: ramps, semantic tokens, dark mode, gradients, OKLCH and contrast. Use when choosing or changing colors, generating a palette from a brand color, or checking a color pair.Votes: 0GitHub stars: 3
- Better InterfaceHolistic interface review that routes a screen, flow or repo through the better-* skills and returns one ranked verdict. Use for a whole-interface \"review this\" request.Votes: 0GitHub stars: 3
- Better LayoutLayout structure: grouping, alignment, reading order, spacing, safe areas, breakpoints, RTL. Use when building or reviewing layout, or when a screen feels cluttered, misaligned or breaks on resize.Votes: 0GitHub stars: 3
- Better TypographyType that renders well: scale, line-height, tracking, measure, wrapping, truncation, fonts. Use when setting or reviewing text styles, choosing fonts, or fixing text that wraps or truncates badly.Votes: 0GitHub stars: 3
- Better UiVisual polish for UI code: radii, optical alignment, shadows, icons, press feedback, small motion. Use when building or polishing components, or when something looks slightly off.Votes: 0GitHub stars: 3
- Better WritingInterface copy: buttons, errors, empty states, confirmations, onboarding, microcopy. Use when adding or auditing UI text for clarity and consistency.Votes: 0GitHub stars: 3
- Claude HandoffHand the current conversation off to a fresh background agent that picks up the work immediately.Votes: 0GitHub stars: 3
- Copy EditingEditing and refreshing existing marketing copy. Use when the user already has copy to proofread, tighten or improve, not write from scratch.Votes: 0GitHub stars: 3
- CopywritingWriting or rewriting marketing copy for pages: homepage, landing, pricing, feature and about pages. Use for headlines, CTAs, value propositions and persuasive site text.Votes: 0GitHub stars: 3
- Core Web VitalsCore Web Vitals (LCP, INP, CLS) optimization using field and lab data. Use when asked to improve page experience, fix LCP, reduce CLS or optimize INP.Votes: 0GitHub stars: 3
- Create Design MdCreate or update a DESIGN.md from an existing repo or public site. Use to document a design language, extract tokens, or give agents persistent UI context. Never modifies product source.Votes: 0GitHub stars: 3
- CroConversion rate optimization for marketing pages and forms. Use when a landing, pricing or feature page or lead form is not converting, or when the user shares a URL for feedback.Votes: 0GitHub stars: 3
- Design ReviewPrioritized design critique of a UI (URL, screenshot or component), ranked blocking to polish, with a fix for each. Use when asked to review or critique a design, or check craft before shipping.Votes: 0GitHub stars: 3
- Emil Design EngEmil Kowalski's design engineering approach to UI polish and animation. Use when deciding whether and how to animate, tuning easing and springs, or building toasts, drawers, popovers and tooltips.Votes: 0GitHub stars: 3
- Find SkillsFind and install agent skills. Use when the user asks how to do X, whether a skill exists for X, or wants to extend what the agent can do.Votes: 0GitHub stars: 3
- Fixing MetadataAudit and fix HTML metadata: titles, descriptions, canonicals, Open Graph, Twitter cards, favicons, JSON-LD, robots. Use when adding SEO metadata or fixing social share previews.Votes: 0GitHub stars: 3
- Fixing Motion PerformanceAudit and fix animation performance: layout thrashing, compositor properties, scroll-linked motion, blur. Use when animations stutter or jank.Votes: 0GitHub stars: 3
- Frontend DesignDistinctive, intentional visual design for new or reshaped UI (pages, sites, apps, components). Use for aesthetic direction that avoids templated AI defaults. Not for quick polish passes.Votes: 0GitHub stars: 3
- Good CssModern CSS techniques that replace breakpoint ladders, wrappers and scripts. Use whenever you write, edit or review styles (CSS, Tailwind, CSS-in-JS), or build or restyle a page or component.Votes: 0GitHub stars: 3
- Google Search ConsoleGoogle Search Console data analysis and API use. Use when interpreting search performance, indexing reports, queries, impressions, CTR or URL inspection.Votes: 0GitHub stars: 3
- Gsap CoreOfficial GSAP core API: to, from, fromTo, easing, stagger, defaults, matchMedia. Use when animating DOM or SVG with GSAP tweens, or for responsive and reduced-motion animation.Votes: 0GitHub stars: 3
- Gsap TimelineOfficial GSAP timelines: gsap.timeline(), position parameter, nesting, playback. Use when sequencing or choreographing animations.Votes: 0GitHub stars: 3
- Hairline CreateDraws one isometric line figure that answers the pointer, in the @lucasmarkes/hairline style, as a single HTML file. Use when asked for a new Hairline figure or /hairline-create.Votes: 0GitHub stars: 3
- ImpeccableDesign, critique, polish or improve any frontend interface: sites, dashboards, product UI, components, forms. Use for UX review, hierarchy, type, color, motion, copy. Not for backend-only tasks.Votes: 0GitHub stars: 3
- Interaction DesignMicrointeractions, transitions and feedback states with Motion, GSAP or CSS. Use for press and hover feedback, loading, toasts, page transitions, drag gestures and scroll-driven animation.Votes: 0GitHub stars: 3
- Interface ReviewReviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.Votes: 0GitHub stars: 3
- Ios Icon GenGenerate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols or Iconify. Use when creating icon assets or searching for icons for iOS projects.Votes: 0GitHub stars: 3
- Karpathy GuidelinesCoding discipline against common LLM mistakes. Use when writing, editing, reviewing or refactoring code: keep changes small, simple and verified.Votes: 0GitHub stars: 3
- LaunchProduct launch, feature announcement and release strategy planning. Use when preparing a public release, Product Hunt launch, beta, waitlist or launch checklist.Votes: 0GitHub stars: 3
- Libraries DevLibraries.dev UI effect packages (border beam, thinking orbs, liquid metal, voice glow, bot avatars). Use for AI loading states, glowing borders, voice visualizers or animated avatars.Votes: 0GitHub stars: 3
- Magic UiMagic UI components in React/Next.js projects via the shadcn registry (@magicui/*). Use when adding, customizing or troubleshooting Magic UI components.Votes: 0GitHub stars: 3
- Marketing PsychologyPsychological principles and mental models for marketing. Use when applying behavioral science such as anchoring, social proof, scarcity or loss aversion to marketing decisions.Votes: 0GitHub stars: 3
- Migrate Radix To BaseMigrate React components or whole projects from Radix UI to Base UI. Use when asked to move off Radix, including shadcn projects.Votes: 0GitHub stars: 3
- Minimalist UiEditorial, document-style minimal look (Notion/Linear feel): warm monochrome, serif display, flat bento grids. Use only when the user asks for this editorial look, not for every UI task.Votes: 0GitHub stars: 3
- ObsidianuiObsidianUI animated React components (obsidianui.dev) for React/Next.js + Tailwind. Use for cursor effects, text reveals, marquees, scroll and 3D galleries, WebGL backgrounds, fancy buttons.Votes: 0GitHub stars: 3
- OnboardingPost-signup onboarding, activation, first-run experience and time-to-value. Use when users sign up but do not activate, or for onboarding checklists and empty states.Votes: 0GitHub stars: 3
- PaywallsIn-app paywalls, upgrade screens, upsell modals and feature gates. Use when asking users to upgrade inside the product. Not for public pricing pages.Votes: 0GitHub stars: 3
- PricingPricing, packaging and monetization strategy. Use when deciding what to charge, structuring tiers, running a free trial or freemium, or auditing a pricing page.Votes: 0GitHub stars: 3