lemessdavi/atomic-design-cross-platform
skills/atomic-design-cross-platform/SKILL.md
Use when creating or refactoring UI in packages/ui. Enforces atomic design levels and cross-platform consistency for web and mobile.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add lemessdavi/ia-prev atomic-design-cross-platformInstall 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, 5:34 PM8.8s1 file scanned
SKILL.md
- name:
- atomic-design-cross-platform
- description:
- Use when creating or refactoring UI in packages/ui. Enforces atomic design levels and cross-platform consistency for web and mobile.
Atomic Design Cross-Platform
Goal
Build once in packages/ui, reuse across web and mobile with consistent behavior.
Levels
quarks: tokens and scales.atoms: minimal UI primitives.molecules: small compositions with one responsibility.organisms: feature-level blocks.templates: layout shells without product-specific content.
Placement Rules
- New visual primitive ->
atoms. - Repeated combination of atoms ->
molecules. - Section-level composite ->
organisms. - App-specific screen logic stays in
apps/*, notpackages/ui.
Cross-Platform Rules
- Avoid hardcoded spacing/colors in app screens.
- Use design tokens from shared layer.
- Validate keyboard, focus, and touch behavior on both platforms.
Required References
packages/ui/docs/design-system.mdpackages/ui/docs/components-usage.md
Related Skills
lemessdavi/xp-delivery-loop
testing
VerifiedTrustedCommunity
Use for every implementation task in this template. Enforces pair-programming with AI, small releases, and continuous integration discipline.
SKILL.mdUpdated Apr 16, 2026
lemessdavi/test-driven-development
development
VerifiedTrustedCommunity
Use before any feature, bugfix, or behavior change. Write failing tests first, then implement minimum code.
SKILL.mdUpdated Apr 16, 2026
lemessdavi/refactor-continuous
development
VerifiedTrustedCommunity
Use after green tests to keep codebase healthy through small and frequent refactors instead of large rescue rewrites.
SKILL.mdUpdated Apr 16, 2026
lemessdavi/linear-delivery-sync
tools
VerifiedTrustedCommunity
Use the Linear MCP from the scaffolded Linear link to align implementation with issues/projects, suggest card updates, and keep Linear documentation in sync.
SKILL.mdUpdated Apr 16, 2026