All categories
Design & UX
UI, UX, design systems, accessibility, visual design, and frontend polish
- 9,093
- 379
Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.
Open in full browserBrowse design & ux skills
Showing 73–96 of 9,093 skills
- Color AuditExpert color palette audit for movemental — verify semantic token completeness, WCAG contrast compliance, 60-30-10 distribution, and tonal stacking correctness. Light-primary site with regional Midnight sections.Votes: 0GitHub stars: 2
- Chat Ui AuditAudit and fix chat-based AI UI (chatbots, agents, floating chat) against production best practices from Claude, ChatGPT, and modern conversational AI interfaces. Use when building, reviewing, or improving any chat UI.Votes: 0GitHub stars: 2
- Audit ExperienceAudit the course learn experience for section coverage, sidebar rendering, layout, design token compliance, tenant isolation, accessibility, data flow, and component quality. Use when reviewing course UI code quality or diagnosing learn experience issues. Pass a course slug or "all".Votes: 0GitHub stars: 2
- AnimationAdd scroll animations, micro-interactions, or page transitions to a component using GSAP. Use when a section needs motion design or interactive polish.Votes: 0GitHub stars: 2
- Dialogue CraftDialogue craft for fiction and conversational AI agents — subtext, character voice differentiation, pacing, exposition handling, conflict in conversation, and the art of what people don't say. Use when writing dialogue, designing agent conversation patterns, or auditing dialogue quality.Votes: 0GitHub stars: 2
- Course UxAudit and fix course player UX against LMS best practices — layout proportions, progressive disclosure, progress psychology, sidebar hierarchy, video sizing, light/dark harmony, sidebar naming & learning flow, cohort pacing, and AI integration points. Use when improving the learn experience.Votes: 0GitHub stars: 2
- Course AuditAudit the course learn experience — checks section components, sidebar rendering, progress tracking, responsiveness, design tokens, and accessibility. Use before shipping a course.Votes: 0GitHub stars: 2
- Visualization RepairAudit React/Next.js components for broken charts and diagrams (Stitch exports, invalid SVG, collapsed Recharts, wrong motion.svg props). Propose a replacement using Recharts, Mermaid, D3, GSAP, or plain React/SVG, then implement. Use when visualizations are missing, clipped, zero-height, off-center, or non-interactive when they should work; keywords: broken chart, stitch visualization, ResponsiveContainer, radar, network graph, SVG motion.Votes: 0GitHub stars: 2
- Storybook SetupSet up Storybook 8 for Next.js 15 or Vite + React — component dev environment, story scaffolding, shadcn/ui integration, dark mode toggle, accessibility checks (a11y addon), and visual regression snapshot configuration. Use when setting up a component library or design system workflow.Votes: 0GitHub stars: 2
- Video ConsultConsult on video production for a course — scripture grounding, narrative arc, storyboard, scene structure, and script. Bridges Alan's voice, course theology, and Remotion video production. Use when planning or authoring video content for any course.Votes: 0GitHub stars: 2
- Remotion Best PracticesBest practices for Remotion - Video creation in ReactVotes: 0GitHub stars: 2
- Movemental PdfProduce branded Movemental PDFs (the Movemental, LLC visual identity used at movemental.ai — wordmark logo, Inter typography, monochrome palette with warm-gray accents, generous whitespace, brand panels and stat cards). Use this skill whenever the user asks for a Movemental-branded document, a Movemental Field Guide, a Movemental MOU or proposal, a Movemental report, whitepaper, or any PDF matching the movemental.ai aesthetic. Use it even when the user only says "make this look like our brand...Votes: 0GitHub stars: 2
- Gpt ExportGenerate 21 markdown knowledge files + custom instructions for creating a Custom GPT strategic consultant from the current workspace project.Votes: 0GitHub stars: 2
- Asset Video PromptGenerate video transition prompts for AI video models (Runway, Kling, Pika, Higgsfield). Creates start/end frame descriptions, transition choreography, and model-agnostic instructions. Use for scroll-stopping social content, product reveals, course trailers, or any motion asset.Votes: 0GitHub stars: 2
- Asset Exploded ViewGenerate deconstructed/exploded view prompts using Nano Banana 2. Use for scroll-stop content, framework visualizations, concept illustrations, or any object elegantly taken apart into its components.Votes: 0GitHub stars: 2
- Asset Brand CheckAudit generated image assets against the platform's brand guidelines. Use before publishing to verify color palette, typography, tone, and visual consistency.Votes: 0GitHub stars: 2
- Asset Author StyleDefine and maintain a consistent visual identity for an author/thought leader across all image assets. Creates a style guide document that all other asset-* skills reference for consistency. Use once to establish the look, then all headshots, heroes, and portraits will match.Votes: 0GitHub stars: 2
- Asset AnimateCreate micro-animations from still images — parallax, Ken Burns, floating particles, breathing effects, cinemagraphs. Generates CSS animations, GSAP code, or short video/GIF from a static image. Use for hero backgrounds, social posts, and subtle motion design.Votes: 0GitHub stars: 2
- Video StudioUnified video generation studio — Remotion framework (setup, compositions, Player, rendering), Remotion video production (scenes, transitions, OffthreadVideo, multi-scene), content scripting (data-driven, captions, CSV/JSON), animation (spring physics, interpolate, 12 Disney animation principles), and broader motion design patterns. Single entry point for any 'make a video' task.Votes: 0GitHub stars: 2
- Ui Ux Pro MaxAdvanced UI/UX design intelligence — InuVerse edition. 84 styles, 160 palettes, 73 font pairings, 161 product types, 98 UX guidelines, 25 chart types across 16 stacks. Absorbs ui, ui-design, ui-styling, ui-ux-pro, ui-design-pipeline, stitch, web-design-guidelines. Routes all UI structure/visual/interaction work.Votes: 0GitHub stars: 2
- Ui PolishUnified UI polish toolkit — 18 iteration passes for refining interfaces. Routes between: audit (comprehensive quality check), polish (final alignment/spacing), adapt (responsive scaling), animate (motion design), bolder (amplify contrast), clarify (microcopy), colorize (semantic color), critique (honest eval), delight (personality), distill (simplification), extract (pattern extraction), frontend-design (distinctive aesthetics), harden (error/loading/empty states), normalize (design system co...Votes: 0GitHub stars: 2
- Radix Ui- **Layer**: domain - **Category**: ui-primitives - **Risk Level**: low - **Triggers**: radix, primitives, accessible components, headless ui, unstyled componentsVotes: 0GitHub stars: 2
- Design KitUnified design foundations — design system architecture, tokens, component specs, visual principles, creative vision, figma integration, plus brand design system loader (66 real brands via DESIGN.md). Absorbs design, design-system, design-systems, design-principles, design-router, creative-vision, figma, design-md.Votes: 0GitHub stars: 2
- Deck StudioUnified HTML presentation generator — strategic slides with Chart.js and design tokens, polished HTML decks with print/PDF versions and speaker notes, investor pitch decks with problem/solution/market/ask structure. Single entry point for 'make a slide deck' / 'create a presentation' / 'pitch deck'.Votes: 0GitHub stars: 2