kanitmann01/frontend-builder
.cursor/skills/frontend-builder/SKILL.md
Build polished Next.js App Router UI components, pages, and client logic in web/. Use when creating or editing frontend code, components, layouts, or styles.
tools
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add kanitmann01/TitanTale-Analytics frontend-builderInstall 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, 9:04 PM5.0s1 file scanned
SKILL.md
- name:
- frontend-builder
- description:
- Build polished Next.js App Router UI components, pages, and client logic in web/. Use when creating or editing frontend code, components, layouts, or styles.
Frontend Builder
Scope
All UI work inside web/app/ and web/components/.
Workflow
- Read
ops/CURRENT.mdand the assigned task file. - Check
.cursor/rules/design-impeccable-style.mdcfor the visual quality bar. - Implement using Server Components by default. Add
"use client"only for interactivity. - Co-locate styles with components (CSS Modules or Tailwind).
- Use
loading.tsxanderror.tsxfor route feedback. - After implementation, self-review against the impeccable style quality gate.
- Update task status and append a one-line change entry.
Conventions
- Components: PascalCase files in
web/components/. - Pages:
page.tsxinsideweb/app/<route>/. - Shared UI primitives:
web/components/ui/. - Data fetching in Server Components via adapters in
web/lib/data/. - Client state: prefer URL search params or React context over global stores.
Token Discipline
- Do not read data CSVs directly. Use typed adapter functions.
- Import only the components you need. Avoid barrel re-exports.
Related Skills
kanitmann01/technical-writer
testing
VerifiedTrustedCommunity
Write and maintain concise documentation, runbooks, and release notes. Use when creating or updating docs, README files, schema docs, or release summaries.
SKILL.mdUpdated Apr 16, 2026
kanitmann01/spirit-of-the-law
testing
VerifiedTrustedCommunity
Deep investigative analysis that challenges assumptions and uncovers hidden patterns in tournament data. Use when exploring non-obvious questions, testing common beliefs, or running targeted statistical investigations that the standard pipeline does not cover.
SKILL.mdUpdated Apr 16, 2026
kanitmann01/qa-reviewer
development
VerifiedTrustedCommunity
Validate behavior, error handling, edge cases, and regression risk. Use when reviewing code changes, testing features, or checking for regressions before merging.
SKILL.mdUpdated Apr 16, 2026
kanitmann01/project-manager
data-ai
VerifiedTrustedCommunity
Scope work into tasks, assign owners, track progress, and maintain acceptance criteria. Use when planning sprints, breaking down features, or reviewing project status.
SKILL.mdUpdated Apr 16, 2026