Back to directory
FrontendSunkenInTime/card-first-design
lore-accurate-frontend-design-skill
Cursor agent skill: card-heavy visual system for frontend UI—cards as default building blocks, hierarchy via scale/depth/layering/contrast/density, dramatic heroes, rich surfaces. Use for web UIs, landing pages, dashboards, or card-first layouts.
Suggested install command
npx skills add SunkenInTime/card-first-design/lore-accurate-frontend-design-skillAlways inspect the linked repository and skill instructions before running commands. Skills are instructions; permissions and execution still matter.
Compatibility
Agent support matrix
3 supported
| Agent | Status |
|---|---|
| Claude Code | Supported |
| OpenCode | Not listed |
| Cursor | Supported |
| MCP | Not listed |
| GitHub Copilot | Not listed |
| Windsurf |