Category

Design & UX

UI, UX, design systems, accessibility, visual design, and frontend polish

7,276
skills in category
304
pages available
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 browser

Browse design & ux skills

Showing 241264 of 7,276 skills

KsA

(Kitchen Sink) Process a YouTube video with all features (summary, Q&A, infographic, audio, and video).

designawsgcp
0
50
InfographicA

Generate a summary and infographic for a YouTube video.

design
0
50
Youtube To DocsA

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.

designpythongo
0
50
Designing Ui For CliA

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...

designpythongo
0
66
Code Review WebA

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.

designjavascriptjava
0
66
Design Anti PatternsA

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...

designshellreact
0
66
001 Teach ImpeccableA

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.

designgogit
0
7
001 QuieterA

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.

designgofrontend
0
7
001 OverdriveA

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.

designjavascriptgo
0
7
001 AnimateA

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.

designjavascriptgo
0
7
Superdesign 1.0.0A

用于创建美观、现代 UI 的专家前端设计指南。在构建登陆页面、仪表板或任何用户界面时使用。

designfrontend
0
8
Ljg CardA

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.

designgobash
0
8
Frontend DesignA

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.

designgoshell
0
8
Code QualityA

代码质量标准 - 编码风格规范、安全指南和无障碍要求。适用于:(1) 编写新代码 (2) 代码风格/安全审查 (3) 实现UI/UX功能 (4) 处理安全问题 (5) 确保无障碍合规。涵盖命名约定、格式化、安全最佳实践(禁止泄露密钥/个人敏感信息)、无障碍标准(语义化HTML、键盘导航)和响应式设计。

designsecurity
0
8
Orpc MetadataA

Enhance your procedures with metadata.

designgit
0
8
Orpc Extend Body ParserA

Extend the body parser for larger payloads or additional data types.

designgit
0
8
Orpc Dedupe RequestsA

Prevents duplicate requests by deduplicating similar ones to reduce server load.

designgit
0
8
Trademark CoexistenceA

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.

designgoexpress
0
41
Notice Of AppealA

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.

design
0
41
Franchise Lease RiderA

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.

designgoexpress
0
41
Deposition Objection ReferenceA

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.

design
0
41
Deposition NoticeA

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.

designgo
0
41
Deposition Notice SubpoenaA

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."

design
0
41
Court Document FormattingA

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.

designgo
0
41