Design & UX
UI, UX, design systems, accessibility, visual design, and frontend polish
Browse design & ux skills
Showing 241–264 of 7,276 skills
(Kitchen Sink) Process a YouTube video with all features (summary, Q&A, infographic, audio, and video).
Generate a summary and infographic for a YouTube video.
Comprehensive suite for processing YouTube videos. Use this when the user needs to: (1) Extract transcripts, (2) Generate visual infographics, (3) Create audio summaries (TTS) and videos, or (4) Perform full 'kitchen sink' processing of YouTube content.
Use before any CLI/TUI display code is written, modified, or audited — runs the 7-stage discipline (Context, Register, Shape brief, Implement, Critique, Audit, Polish) for Typer, Rich, Textual, and Questionary work, grounded in per-project PRODUCT.md and DESIGN.TUI.md/DESIGN.md. Triggers on output formatting, display design, interactive prompts, visual consistency, TUI layout, progress display, dashboard design, design audit, design polish, design critique, shape brief, register decision (bra...
Use when reviewing web frontend code — HTML, CSS, JSX, or browser-targeted JavaScript. Enforces accessibility (WCAG AA, aria labels, focus management), XSS prevention (innerHTML, dangerouslySetInnerHTML), performance (layout thrash, CLS, lazy loading), CSS design tokens, form labeling, and event listener cleanup. Loaded by dh:code-reviewer on *.html, *.css, *.jsx detection.
Enforce anti-AI UI design rules based on the Uncodixfy methodology. Use when generating HTML, CSS, React, Vue, Svelte, or any frontend UI code. Prevents generic AI aesthetic — soft gradients, glassmorphism, hero sections in dashboards, oversized rounded corners, and decorative copy. Applies constraints from Linear/Raycast/Stripe/GitHub design philosophy for functional, honest, human-designed interfaces. Triggers on UI generation, dashboard building, component creation, CSS styling, landing pa...
One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.
Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.
Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.
用于创建美观、现代 UI 的专家前端设计指南。在构建登陆页面、仪表板或任何用户界面时使用。
Content caster (铸). Transforms content into PNG visuals. Six molds: -l (default) long reading card, -i infograph, -m multi-card reading cards (1080x1440), -v visual sketchnote, -c comic (manga-style B&W), -w whiteboard (marker-style board layout). Output to ~/Downloads/. Use when user says '铸', 'cast', '做成图', '做成卡片', '做成信息图', '做成海报', '视觉笔记', 'sketchnote', '漫画', 'comic', 'manga', '白板', 'whiteboard'. Replaces ljg-cards and ljg-infograph.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
代码质量标准 - 编码风格规范、安全指南和无障碍要求。适用于:(1) 编写新代码 (2) 代码风格/安全审查 (3) 实现UI/UX功能 (4) 处理安全问题 (5) 确保无障碍合规。涵盖命名约定、格式化、安全最佳实践(禁止泄露密钥/个人敏感信息)、无障碍标准(语义化HTML、键盘导航)和响应式设计。
Enhance your procedures with metadata.
Extend the body parser for larger payloads or additional data types.
Prevents duplicate requests by deduplicating similar ones to reduce server load.
Drafts U.S. trademark coexistence agreements defining permitted use boundaries, differentiation requirements, and confusion-prevention protocols for parties with similar marks. Use when drafting coexistence or consent agreements, concurrent use arrangements, or resolving likelihood-of-confusion disputes without litigation.
Drafts a Notice of Appeal to initiate appellate review of a trial court judgment or order in US federal and state courts. Use when filing a notice of appeal, commencing appellate review, or preserving appellate jurisdiction after an adverse ruling.
Drafts a U.S. franchise lease rider/recognition agreement establishing franchisor as third-party beneficiary with notice/cure, assignment, brand, IP, alteration, and exclusivity protections. Triggers on "lease rider", "recognition agreement", "franchise lease", "third-party beneficiary", "notice and cure", "assignment option", or franchise location lease addenda.
Provides a quick reference for deposition objections under FRCP 30(c)(2), including form objections, substantive objections, waiver rules, and the three exclusive grounds for instructing a witness not to answer. Use when preparing for depositions, assisting during live depositions, conducting witness prep, or analyzing deposition transcripts for objection issues.
Drafts U.S. deposition notices (party, non-party subpoena, Rule 30(b)(6)), cover letters, scheduling letters, and proofs of service. Use when preparing or serving deposition notices or subpoenas in federal or state court. Triggers: deposition notice, notice of deposition, 30(b)(6), corporate representative, subpoena, subpoena duces tecum, AO 88A, witness fee, proof of service, scheduling letter.
Drafts federal civil deposition notices (FRCP 30(b)(1), 30(b)(6)) and Rule 45 subpoenas for testimony and/or documents. Use when the user mentions deposition notice, 30(b)(1), 30(b)(6), Rule 45, subpoena, subpoena duces tecum, nonparty deposition, Schedule A, AO 88A/88B, 30(b)(6) topic lists, witness fee tenders, Rule 45(c) location limits, or pre-service notice requirements. Also trigger for "I need to depose someone" or "draft a subpoena for documents."
Builds a filing-ready formatting blueprint for U.S. litigation pleadings, motions, and briefs by applying caption, spacing, pagination, certificate, and e-filing requirements with court-specific local-rule overrides. Use when preparing court documents, checking filing compliance, generating exhibit packages, or converting drafts for e-filing. Triggers: court filing format, caption, page limits, line numbers, service certificate, PDF/A, local rules, judge instructions.