Hans3010/.claude/skills/brand-hanstec
.claude/skills/brand-hanstec/SKILL.md
# Skill: HansTec Brand System Al crear interfaces para HansTec, usar EXACTAMENTE estos valores: ## Colores (CSS Variables) - Rojo principal: #E63946 (dark) / #C0392B (light) - Rojo acento: #FF4757 (dark) / #E63946 (light) - Negro base: #0A0A0A - Crema: #F5F4F0 - Backgrounds dark: #0A0A0A, #111111, #1A1A1A - Backgrounds light: #F5F4F0, #FFFFFF, #EDECE8 ## Tipografía - Bebas Neue: títulos, headings, números grandes, logos - Rajdhani: texto de cuerpo, botones, descripciones - Space Mono: etiquet
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add Hans3010/Hanstec-Automate .claude/skills/brand-hanstecInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 16, 2026, 6:57 PM9.0s1 file scanned
SKILL.md
Skill: HansTec Brand System
Al crear interfaces para HansTec, usar EXACTAMENTE estos valores:
Colores (CSS Variables)
- Rojo principal: #E63946 (dark) / #C0392B (light)
- Rojo acento: #FF4757 (dark) / #E63946 (light)
- Negro base: #0A0A0A
- Crema: #F5F4F0
- Backgrounds dark: #0A0A0A, #111111, #1A1A1A
- Backgrounds light: #F5F4F0, #FFFFFF, #EDECE8
Tipografía
- Bebas Neue: títulos, headings, números grandes, logos
- Rajdhani: texto de cuerpo, botones, descripciones
- Space Mono: etiquetas técnicas, labels, tags pequeños
Logo SVG
La H de HansTec usa dos columnas verticales con una barra horizontal que tiene una diagonal de velocidad (brillo/shine).
Tono visual
- Industrial/tech pero accesible
- Transiciones suaves (0.4s ease) en theme switch
- Líneas rojas como acento (bordes top, underlines)
- Sombras con red-glow en elementos destacados
- Grilla animada como textura de fondo
Related Skills
Hans3010/social-content
testing
VerifiedTrustedCommunity
When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' or 'viral content.' This skill covers content creation, repurposing, and platform-specific strategies.
SKILL.mdUpdated Apr 17, 2026
Hans3010/site-architecture
development
VerifiedTrustedCommunity
When the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking. Also use when the user mentions "sitemap," "site map," "visual sitemap," "site structure," "page hierarchy," "information architecture," "IA," "navigation design," "URL structure," "breadcrumbs," "internal linking strategy," or "website planning." NOT for XML sitemaps (that's technical SEO — see seo-audit). For SEO audits, see seo-audit. For structured data, see schema-markup.
SKILL.mdUpdated Apr 17, 2026
Hans3010/signup-flow-cro
tools
VerifiedTrustedCommunity
When the user wants to optimize signup, registration, account creation, or trial activation flows. Also use when the user mentions "signup conversions," "registration friction," "signup form optimization," "free trial signup," "reduce signup dropoff," or "account creation flow." For post-signup onboarding, see onboarding-cro. For lead capture forms (not account creation), see form-cro.
SKILL.mdUpdated Apr 17, 2026
Hans3010/seo-audit
development
VerifiedTrustedCommunity
When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," or "SEO health check." For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema-markup.
SKILL.mdUpdated Apr 17, 2026