All authors
Claude Skills by huytran1120
github.com/huytran11202,714 skills0 installs0 views
- High ContrastWeb and App implementation guide for High Contrast Design. Trigger when user wants accessibility-focused design, extreme legibility, or stark visual impact.Votes: 0GitHub stars: 8
- Holographic UiWeb and App implementation guide for Holographic UI. Trigger when user wants light-based appearance, projected interfaces, and transparent floating elements.Votes: 0GitHub stars: 8
- Isometric DesignWeb and App implementation guide for Isometric Design. Trigger when user wants angled 3D appearances without vanishing points, often used for technical illustrations.Votes: 0GitHub stars: 8
- Layered DesignWeb and App implementation guide for Layered Design. Trigger when user wants multiple depth levels, floating panels, and overlapping content.Votes: 0GitHub stars: 8
- Material DesignWeb and App implementation guide for Material Design. Trigger when user wants Google's aesthetic, elevation, motion, and consistent components.Votes: 0GitHub stars: 8
- MaximalismWeb and App implementation guide for Controlled Maximalism. Trigger when user wants lots of elements, dense content, but a highly curated and artistic presentation.Votes: 0GitHub stars: 8
- MinimalismWeb and App implementation guide for the Minimalism design style. Trigger when the user wants simple layouts, lots of whitespace, few colors, and clear hierarchy.Votes: 0GitHub stars: 8
- Monochromatic UiWeb and App implementation guide for Monochromatic UI. Trigger when user wants a single-color palette, high elegance, and strict color discipline.Votes: 0GitHub stars: 8
- Neo BrutalismWeb and App implementation guide for Neo-Brutalism. Trigger when user wants thick borders, hard shadows, bright colors, and a playful yet structured look.Votes: 0GitHub stars: 8
- NeumorphismWeb and App implementation guide for Neumorphism (Soft UI). Trigger when user wants soft shadows, extruded appearance, and light source simulation.Votes: 0GitHub stars: 8
- Retro DesignWeb and App implementation guide for Retro Design (60s-80s). Trigger when user wants vintage aesthetics, warm muted colors, and nostalgic layouts.Votes: 0GitHub stars: 8
- Retro FuturismWeb and App implementation guide for Retro Futurism. Trigger when user wants vintage future concepts, 1950s space age aesthetics, or atompunk vibes.Votes: 0GitHub stars: 8
- Sci Fi InterfaceWeb and App implementation guide for Sci-Fi Interface Design. Trigger when user wants HUDs, spacecraft dashboards, or tactical military readouts.Votes: 0GitHub stars: 8
- SkeuomorphismWeb and App implementation guide for Skeuomorphism. Trigger when user wants UI to mimic real-world objects, realistic textures, or physical metaphors.Votes: 0GitHub stars: 8
- Soft PastelWeb and App implementation guide for Soft Pastel Design. Trigger when user wants gentle colors, calming UI, baby/lifestyle branding, or low-contrast aesthetics.Votes: 0GitHub stars: 8
- Spatial Computing UiWeb and App implementation guide for Spatial Computing UI. Trigger when user wants floating elements, environmental awareness, and Apple Vision Pro style.Votes: 0GitHub stars: 8
- Spatial DesignWeb and App implementation guide for Spatial Design. Trigger when user wants environment-aware layouts, Apple Vision Pro inspiration, and mixed reality aesthetics.Votes: 0GitHub stars: 8
- Swiss DesignWeb and App implementation guide for Swiss Design (International Typographic Style). Trigger when user wants strict grid systems, strong typography, and clean, asymmetrical alignment.Votes: 0GitHub stars: 8
- SynthwaveWeb and App implementation guide for Synthwave. Trigger when user wants 80s-inspired neon, dark backgrounds, outrun grids, and Miami Vice aesthetics.Votes: 0GitHub stars: 8
- Tile DesignWeb and App implementation guide for Tile Design. Trigger when user wants Microsoft Metro style, sharp square information units, and horizontal scrolling grids.Votes: 0GitHub stars: 8
- Typography FirstWeb and App implementation guide for Typography First Design. Trigger when user wants text as the absolute main visual element, with minimal UI chroming.Votes: 0GitHub stars: 8
- VaporwaveWeb and App implementation guide for Vaporwave. Trigger when user wants neon colors, retro digital aesthetics, 90s OS elements, and Roman statues.Votes: 0GitHub stars: 8
- Vibrant MaximalismWeb and App implementation guide for Vibrant Maximalism. Trigger when user wants rich colors, dense layouts, extreme sensory input, and "more is more".Votes: 0GitHub stars: 8
- Widget Based DesignWeb and App implementation guide for Widget-Based Design. Trigger when user wants modular blocks, iOS Home Screen aesthetics, and customizable mini-apps.Votes: 0GitHub stars: 8
- Design MdAnalyze Stitch projects and synthesize a semantic design system into DESIGN.md filesVotes: 0GitHub stars: 8
- Design OrchestrationOrchestrates design workflows by routing work through brainstorming, multi-agent review, and execution readiness in the correct order.Votes: 0GitHub stars: 8
- Design SpatialDesign — spatial compositionVotes: 0GitHub stars: 8
- Design SpellsCurated micro-interactions and design details that add "magic" and personality to websites and apps.Votes: 0GitHub stars: 8
- Design Taste FrontendUse when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.Votes: 0GitHub stars: 8
- Design Theme GuideDesign-token register: colour, typography, spacing and radius tokens with light and dark values, contrast ratio and WCAG level. Use for design system documentation.Votes: 0GitHub stars: 8
- Design ThinkingDirection and intent for frontend design. Use with design when defining purpose, tone, domain, color world, and review bar; includes cross-domain lens from cinema, architecture, marketing, UX, automotive, industrial design.Votes: 0GitHub stars: 8
- Design To MotionTurns a static design (a Figma frame, dashboard, card set, app screen, or a UI on a photo background) into a pixel exact HTML replica that loads in from an empty state, then has every visual act out what it does (a chart being read, a list receiving items, a prompt being typed) in a seamless loop, and exports an MP4 for X, a website GIF, and an 800×500 GIF. Use this skill whenever the user asks to animate a design, a Figma link, a screenshot, UI cards, a dashboard, or a hero image, to make a ...Votes: 0GitHub stars: 8
- Design Token ContrastChecks WCAG 2.2 contrast between the color tokens of a project (light and dark theme) and suggests the closest passing color that keeps the hue.Votes: 0GitHub stars: 8
- Detect Ai TextEstimate whether a document's prose was written by AI, with the linguistic tells and honest abstention on non-prose. Use when the user asks whether an essay, report, CV, submission, or article was AI-generated — for triage, not proof.Votes: 0GitHub stars: 8
- Deterministic DesignMeasure rendered UI layout with reproducible spatial metrics and a separately assessed usability review; distinguish measurements from subjective judgments and user tests.Votes: 0GitHub stars: 8
- Dev To HashnodeWhen the user wants to publish on Dev.to, Hashnode, or other developer blogging platforms. Trigger phrases include "Dev.to," "Hashnode," "developer blog," "cross-posting," "technical blogging," "canonical URL," or "developer content platform."Votes: 0GitHub stars: 8
- Devcontainer SetupCreates devcontainers with Claude Code, language-specific tooling (Python/Node/Rust/Go), and persistent volumes. Use when adding devcontainer support to a project, setting up isolated development environments, or configuring sandboxed Claude Code workspaces.Votes: 0GitHub stars: 8
- Devcontainers NixCreate reproducible development environments with Dev Containers, NixVotes: 0GitHub stars: 8
- Developer AdvocacyWhen the user wants to do developer advocacy activities including conference talks, live coding, podcasts, and building in public.Votes: 0GitHub stars: 8
- Developer Audience ContextWhen the user wants to establish or update their developer audience context. Also use when starting any other developer marketing skill to ensure foundational context is loaded.Votes: 0GitHub stars: 8
- Developer ChurnWhen the user wants to understand, reduce, or recover from developer churn. Trigger phrases include "why developers leave," "churn rate," "win-back campaign," "at-risk users," "developer retention," "preventing churn," or "competitor switching."Votes: 0GitHub stars: 8
- Developer ListeningMonitor what developers say about your brand, competitors, and the problems they're solving. Track mentions and conversations across GitHub, Hacker News, Reddit, Stack Overflow, Twitter, and Discord.Votes: 0GitHub stars: 8
- Developer NewsletterWhen the user wants to create, write, or improve a newsletter for developer audiences. Trigger phrases include "newsletter," "email marketing," "developer email," "weekly digest," "dev newsletter," "email subscribers," "newsletter growth," or "email list."Votes: 0GitHub stars: 8
- Developer OnboardingGet developers to \"Hello World\" fast with optimized quickstarts, tutorials, and sample apps.Votes: 0GitHub stars: 8
- Developer SandboxDesign and build interactive playgrounds that let developers experience your product without commitment. This skill covers playground architecture, pre-populated examples, embedding strategies, gating decisions, and converting playground users to signups.Votes: 0GitHub stars: 8
- Developer Signup FlowDesign frictionless signup experiences for developers including GitHub OAuth, API key generation, and onboarding personalization.Votes: 0GitHub stars: 8
- DevelopmentComprehensive web, mobile, and backend development workflow bundling frontend, backend, full-stack, and mobile development skills for end-to-end application delivery.Votes: 0GitHub stars: 8
- Devops DeployDevOps e deploy de aplicacoes — Docker, CI/CD com GitHub Actions, AWS Lambda, SAM, Terraform, infraestrutura como codigo e monitoramento.Votes: 0GitHub stars: 8
- Devops Pipeline BuilderDesign and implement CI/CD pipelines, Docker configurations, deploymentVotes: 0GitHub stars: 8
- Devrel ContentWhen the user wants to create technical content for developers including blog posts, tutorials, and documentation.Votes: 0GitHub stars: 8