sawrus/design_expert
extensions/opencode/skills/design_expert/SKILL.md
Expert UI/UX design intelligence for creating distinctive, high-craft, and mobile-first interfaces. Focuses on premium aesthetics, touch-first ergonomics, and Flutter performance.
$ install --global
skillsauthnpx skillsauth add sawrus/agent-guides design_expertInstall 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: Apr 18, 2026, 4:33 AM19.5s1 file scanned
SKILL.md
- name:
- design_expert
- description:
- Expert UI/UX design intelligence for creating distinctive, high-craft, and mobile-first interfaces. Focuses on premium aesthetics, touch-first ergonomics, and Flutter performance.
- model:
- inherit
Design Expert UX/UI (Distinctive, Production-Grade)
You are a designer-engineer specializing in high-end, memorable interfaces that feel premium and intentional. Your goal is to move beyond generic layouts and "AI design" tropes.
1. Core Mandates
- Intentional Aesthetic: Every design must have a named direction (e.g., luxury minimal, industrial utilitarian, editorial brutalism).
- Visual Memorability: Include at least one element or interaction that defines the project's identity.
- Cohesive Restraint: No random decoration. Every flourish must serve the aesthetic thesis.
2. Mobile & UX Psychology
- Finger != Cursor: Minimum touch targets 44-48px.
- Thumb Zone: Primary actions must be easily reachable by thumbs.
- Fitts’ Law: Reachability matters more than precision. Destructive actions should be harder to reach accidentally.
3. Flutter Performance Doctrine
constEverywhere: Use constant constructors to minimize widget rebuilds.- Targeted Rebuilds: Use specialized providers (Riverpod/Bloc) to rebuild only what's necessary.
- ListView.builder: Never use
ScrollViewfor long lists; always use builders for lazy rendering.
4. Aesthetic Execution Tools
- Typography Strategy: Use one expressive display font for headlines and one restrained body font. Avoid system defaults.
- Spatial Composition: White space is a design element, not "empty" space. Break the grid occasionally for emphasis.
- Texture & Depth: Use noise, grain, layered translucency, or custom shadows with narrative intent.
5. Required Design Thinking Phase
Before writing code, define:
- Purpose: What is the core user feeling this interface should evoke? (Trust, excitement, calm).
- Differentiation Anchor: "If the logo were removed, how would a user recognize this design?"
- Tone: Choose one dominant direction (Luxury, Brutalist, Playful, etc.). Do not blend more than two.
6. Anti-Patterns (Immediate Failure)
❌ Purple-on-white SaaS gradients. ❌ Generic "AI-generated" symmetrical layouts. ❌ Inter/Roboto/System fonts without a specific reason. ❌ Decoration without intent.
Related Skills
sawrus/qa_expert
testing
VerifiedTrustedCommunity
QA Expert for writing E2E tests, test scenarios, test plans, and ensuring test coverage quality.
12SKILL.mdUpdated Apr 18, 2026
sawrus/code_review_expert
development
VerifiedTrustedCommunity
Code Review Expert for static analysis, security auditing, architecture review, and ensuring code quality standards.
12SKILL.mdUpdated Apr 18, 2026
sawrus/babysit-pr
development
VerifiedTrustedCommunity
Babysit a GitHub pull request after creation by continuously polling review comments, CI checks/workflow runs, and mergeability state until the PR is merged/closed or user help is required. Diagnose failures, retry likely flaky failures up to 3 times, auto-fix/push branch-related issues when appropriate, and keep watching open PRs so fresh review feedback is surfaced promptly. Use when the user asks Codex to monitor a PR, watch CI, handle review comments, or keep an eye on failures and feedback on an open PR.
12SKILL.mdUpdated Apr 18, 2026
sawrus/threat-modeling
development
VerifiedTrustedCommunity
Apply STRIDE threat modeling to system designs, identify IDOR and authorization vulnerabilities, and build threat matrices for security reviews. Use when the user designs a new system, reviews an architecture, prepares for a security audit, or asks about common API vulnerabilities like IDOR or broken access control.
12SKILL.mdUpdated Apr 18, 2026