FRmicrow/design
.agents/skills/design/SKILL.md
Helps with UI, UX, design-system, and accessibility. Use when designing new interfaces, maintaining the design system, or ensuring visual excellence.
data-ai
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add FRmicrow/dataFootV1 designInstall 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 16, 2026, 2:00 AM5.2s1 file scanned
SKILL.md
- name:
- design
- description:
- Helps with UI, UX, design-system, and accessibility. Use when designing new interfaces, maintaining the design system, or ensuring visual excellence.
Design Skill
This skill ensures that the statFootV3 user interface is premium, responsive, and visually stunning.
When to use this skill
- Use this when designing a new dashboard or feature page.
- This is helpful for updating
tokens.cssor core UI components. - Use when performing a visual audit of existing screens.
- Use to ensure the "Visual Manifesto" is respected.
How to use it
Visual Manifesto Rules
- Aesthetics: Premium, dark-mode first, glassmorphism, dynamic animations.
- Colors: Use tokens (e.g.,
--color-primary-500), never hardcoded hex. - Typography: Paired fonts (e.g., Outfit for headings, Inter for body).
- Motion: Staggered reveals and smooth transitions.
Design System Integration
- Always check
frontend/src/design-system/components/first. - Use
ds-*utility classes for layout and styling. - Ensure accessibility (ARIA labels, focus states).
Related Skills
FRmicrow/unit-testing-node
development
VerifiedTrustedCommunity
Écrire des tests unitaires Node.js. Utiliser quand on teste une fonction isolée avec Vitest dans backend/test/.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/integration-testing
testing
VerifiedTrustedCommunity
Tester l'intégration entre services. Utiliser quand on vérifie l'interaction contrôleur/service avec Supertest + Vitest.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/frontend-testing-react
development
VerifiedTrustedCommunity
Tester les composants React avec Vitest + Testing Library. Utiliser quand on teste le rendu ou les interactions.
SKILL.mdUpdated Apr 16, 2026
FRmicrow/e2e-testing-playwright
testing
VerifiedTrustedCommunity
Écrire des tests end-to-end Playwright. Utiliser quand on teste l'application complète du point de vue utilisateur.
SKILL.mdUpdated Apr 16, 2026