From maycrest-automate
Comprehensive web design strategy, UI/UX patterns, inspiration references, and design system specifications for Maycrest — an Agentic-Enabled Managed Intelligence Provider serving SMBs in Indianapolis. Use this skill whenever Corey asks about designing the Maycrest website, building any frontend component or page for Maycrest, choosing fonts or colors for Maycrest, creating UI artifacts, landing pages, or dashboards for any of the three service arms (Creative Services, AI Solutions, Cybersecurity), designing the TIE Platform, or asking for web design inspiration. Also trigger for any question about Maycrest's brand aesthetics, competitor sites, motion design, or how to position Maycrest visually vs. local competitors.
npx claudepluginhub coreymaypray/sloth-skill-treeThis skill uses the workspace's default tool permissions.
Design system and web design strategy for Maycrest — an Agentic-Enabled Managed Intelligence Provider serving SMBs in Indianapolis. Three service arms: Creative Services, AI Solutions, and Cybersecurity.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Design system and web design strategy for Maycrest — an Agentic-Enabled Managed Intelligence Provider serving SMBs in Indianapolis. Three service arms: Creative Services, AI Solutions, and Cybersecurity.
Primary: #0A0F1C (Deep Navy — backgrounds)
Secondary: #1A1F35 (Elevated surfaces)
Accent: #00D4AA (Cyber Teal — CTAs, highlights)
Accent Alt: #7B61FF (Electric Purple — AI/innovation)
Warning: #FF6B35 (Alert Orange — security)
Text Primary: #F0F0F5 (Near white)
Text Secondary: #8A8FA3 (Muted)
Surface: #12172B (Cards, panels)
Border: #2A2F45 (Subtle dividers)
Each follows: Hero → Problem → Solution → Features → Case Study → CTA
Maycrest should look NOTHING like:
Maycrest should feel like: