Implement Swiss International Style Next.js components and pages for Resume Matcher.
npx skills add https://github.com/dankofly/Swing_B2B --skill frontend-dev-dankofly
Please help me install this Agent Skill. Skill: frontend-dev Source: https://github.com/dankofly/Swing_B2B/tree/main/.claude/skills/frontend-dev Command: npx skills add https://github.com/dankofly/Swing_B2B --skill frontend-dev-dankofly
This Skill provides a frontend development agent for Resume Matcher that enforces a consistent Swiss International Style, Tailwind conventions, Next.js component patterns, API integration, hooks, and i18n so teams can produce cohesive, accessible, and production-ready UI with minimal design drift.
Create a new client component in apps/frontend/components that follows the Swiss International Style, uses rounded-none and hard shadows, imports icons directly, uses dynamic imports for heavy viewers, and fetches resumes via api.get('/api/v1/resumes').
High-intent search queries and answers about installing and using this skill.
To build Swiss International Style Next.js components, enforce non-negotiable rules like rounded-none corners, hard shadow utilities, and Swiss color and typography tokens to maintain cohesive UI across your application.
Optimize Next.js bundle size by importing icons directly from their specific modules and using dynamic imports for heavy components, ensuring your frontend loads efficiently without unnecessary overhead.
The best way to fetch independent API endpoints in a Next.js frontend is using Promise.all for parallel data retrieval, integrated with your API client to optimize loading performance.
Add i18n translations for Next.js pages by wiring translation messages directly into your dashboard, builder, tailor, print, and settings components, ensuring localized text is consistently applied across the frontend.
Yes, you can use Tailwind utilities with a Swiss design system by enforcing strict utility usage that aligns with Swiss tokens, applying constraints like rounded-none and hard shadows to prevent design drift.
Before committing frontend changes, run linting and formatting checks to maintain consistency in CI, while also verifying anti-pattern avoidance and proper Enter key handling for textareas.
anishshah17Create Swiss-style interfaces using grid systems, typography, and color palettes.
leanEthereumRun linting, formatting, type, spell, and Markdown checks with ruff, ty, codespell, and mdformat.
AbdullahmohammadarefConfigure ICU MessageFormat and translation workflows for React and Node apps.
m-salauddinStandardize design tokens and component variants in Tailwind configurations.
