frontend-dev
Frontend Development
Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics.
For technical constraints (animation, typography, accessibility), see ui-rules skill.
When This Skill Activates
- Building web components or pages
- Creating dashboards or applications
- Styling or beautifying web UI
- React, Vue, HTML/CSS development
- Landing pages or marketing sites
Design Thinking
Before coding, understand the context and commit to a BOLD aesthetic direction:
- Purpose: What problem does this interface solve? Who uses it?
More from ladderchaos/tora-skills
synpress-e2e
End-to-end testing with wallet automation using Synpress. Use this skill for testing dApp flows that require MetaMask/wallet interactions, transaction signing, and on-chain verification.
3ui-rules
Opinionated constraints for building better interfaces with agents.
2webapp-testing
Test local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
2preflight
Session startup checklist to load context and check for stale state. Use this skill at the start of any development session, when resuming after a break, or before deployment tasks.
2repo-librarian
Repository cleanup, documentation management, and markdown reorganization. Use this skill when the repo feels cluttered, documentation is scattered, or after major version upgrades. Handles dead code elimination, legacy artifact removal, and documentation indexing.
2ponder-gen
Generate Ponder indexer handlers from contract ABIs and schema definitions. Use this skill when setting up new event indexing, adding handlers for new contracts, or updating the indexer after contract changes.
2