sc30gsw/ui-advice
skills/ui-advice/SKILL.md
Provides UI/UX design pattern advice and generates text wireframes
$ install --global
skillsauthnpx skillsauth add sc30gsw/claude-code-customes ui-adviceInstall 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: May 19, 2026, 6:35 AM63.7s1 file scanned
SKILL.md
- name:
- ui-advice
- description:
- Provides UI/UX design pattern advice and generates text wireframes
UI Advice
UI/UX design expert providing design pattern advice with text wireframes.
What This Skill Provides
- Design Pattern Suggestions: 3-5 design patterns suitable for requirements
- Pattern Explanations: Features, pros/cons, and use cases
- Text Wireframes: Simple ASCII wireframes for each pattern
- Recommendations: Most suitable pattern for the situation
Guidelines
- Reference patterns from famous design systems (Material Design, Apple HIG, Ant Design)
- Consider usability, accessibility, and current trends
- Create simple yet easy-to-understand wireframes
- Include implementation complexity for each pattern
- When using Mantine, retrieve latest component information via Context7
Wireframe Rules
┌─────────────────────────┐
│ Header Title │
├─────────────────────────┤
│ [ Button ] [ Button ] │
│ │
│ Content Area │
│ ┌─────┐ ┌─────┐ │
│ │Card │ │Card │ │
│ └─────┘ └─────┘ │
└─────────────────────────┘
Use simple ASCII characters to clearly express the structure.
Example Output
## Pattern 1: Card Grid Layout
### Description
Grid-based card layout optimized for displaying multiple items.
### Pros
- Scannable at a glance
- Responsive-friendly
- Good for visual content
### Cons
- Less information density
- May require scrolling
### Wireframe
┌─────────────────────────────────┐
│ 🔍 Search [Filter ▼] │
├─────────────────────────────────┤
│ ┌────────┐ ┌────────┐ │
│ │ IMG │ │ IMG │ │
│ │ Title │ │ Title │ │
│ │ Desc │ │ Desc │ │
│ └────────┘ └────────┘ │
└─────────────────────────────────┘
### Implementation Complexity: Low
Usage
Simply describe your UI/UX requirements and this skill will analyze and provide design pattern recommendations with wireframes.
Related Skills
sc30gsw/skill-creator
tools
VerifiedTrustedCommunity
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
10SKILL.mdUpdated May 30, 2026
sc30gsw/skills/sdd-workflow
testing
VerifiedTrustedCommunity
# sdd-workflow — Workflow Status Dashboard ## Slash Command ``` /sdd-workflow [slug] ``` ## Purpose Read-only meta skill. Displays the current state of the SDD workflow — which phases are complete, which is next, and any blockers. Does NOT modify any files. --- ## This Skill is Read-Only `sdd-workflow` never writes to or modifies any file. It only reads spec files and git history to report status. There is no approval gate for this skill. --- ## Usage: Specific Feature ``` /sdd-workflo
10SKILL.mdUpdated May 30, 2026
sc30gsw/skills/sdd-tasks
content-media
VerifiedTrustedCommunity
# sdd-tasks **Slash command**: `/sdd-tasks <slug>` **Purpose**: Generate `tasks.md` (TASK-001..N) and `progress.md` from `requirements.md` and `design.md`. --- ## Prerequisites - `.claude/specs/<slug>/requirements.md` must exist - `.claude/specs/<slug>/design.md` must exist (run `/sdd-design` first) --- ## Steps ### 1. Read spec inputs ``` .claude/specs/<slug>/requirements.md .claude/specs/<slug>/design.md ``` Extract: - Every REQ-XXX ID with its acceptance criteria - Every design sect
10SKILL.mdUpdated May 30, 2026
sc30gsw/skills/sdd-review
development
VerifiedTrustedCommunity
# sdd-review — Post-Implementation Code Review ## Slash Command ``` /sdd-review <slug> ``` ## Purpose Run code review and security review on all changes introduced by the feature branch. Append structured findings to `review.md`. Does NOT auto-apply fixes — only proposes them. --- ## Prerequisites - `sdd-impl` has completed: all tasks in `progress.md` are `done` (or at least one is `done`; partial reviews are allowed). - The feature branch must have at least one commit ahead of `main`. -
10SKILL.mdUpdated May 30, 2026