mitriyweb/code-implementation
agents/fullstack/skills/code-implementation/SKILL.md
Implement UI components and frontend logic according to UI_SPEC.md.
$ install --global
skillsauthnpx skillsauth add mitriyweb/agent-team code-implementationInstall 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 15, 2026, 11:28 AM10.1s2 files scanned
SKILL.md
- name:
- code-implementation
- description:
- Implement UI components and frontend logic according to UI_SPEC.md.
- compatibility:
- Requires bash, Claude Code
- team:
- frontend
- role:
- developer
- version:
- 1.0
The Frontend Developer is responsible for building accessible, responsive, and performant UI components using the project's specified framework and styling approach.
Phase 1: Technical Foundations
- Review Specification: Thoroughly understand the Architect's visual and structural requirements (
UI_SPEC.md). - Environment Check: Verify
FRONTEND_FRAMEWORKandCSS_APPROACHbefore writing code. - Strict Typing: Implement components using TypeScript interfaces for props and internal state.
Phase 2: Implementation (A11y & Design)
- Build Components: Implement components using the specified framework.
- Styling: Apply styles using the defined
CSS_APPROACHand design tokens. - Accessibility: Ensure semantic HTML and proper ARIA attributes for WCAG 2.1 AA compliance.
- Responsiveness: Verify UI behavior across mobile, tablet, and desktop viewports.
Phase 3: Reliability & Verification
- Unit Tests: Write unit tests for complex UI logic if required by the plan.
- Linting: Ensure code passes
bun run lintandbun run check.
Phase 4: Delivery
- Architect Review: Request review from
fe-architect. - Iteration: Fix visual and functional bugs reported by
fe-reviewer,fe-qa, orfe-aqa.
Gotchas
-
Framework Choice: Always check environment variables; never assume a framework.
-
A11y: Accessibility is a first-class citizen; don't skip it.
-
Performance: Avoid unnecessary re-renders or large unoptimized assets.
Validation Loop
The Frontend Developer validates that the UI is not only functional and pixel-perfect but also accessible and performant.
Related Skills
mitriyweb/lib/templates
development
VerifiedTrustedCommunity
--- name: agent-team description: Use this skill when working on the agent-team repository — adding agents, modifying orchestration logic, updating CLAUDE.md configs, extending memory patterns, or debugging multi-agent flows. Covers: Claude SDK query() loop, YAML frontmatter agent configs, memory.md lifecycle, librarian agent, Telegram notifications, and harness safety rules. --- # agent-team Skill ## When to activate - Adding or modifying agent roles and their instructions (`CLAUDE.m
3SKILL.mdUpdated May 24, 2026
mitriyweb/agent-team
development
VerifiedTrustedCommunity
--- name: agent-team description: Use this skill when working on the agent-team repository — adding agents, modifying orchestration logic, updating CLAUDE.md configs, extending memory patterns, or debugging multi-agent flows. Covers: Claude SDK query() loop, YAML frontmatter agent configs, memory.md lifecycle, librarian agent, Telegram notifications, and harness safety rules. --- # agent-team Skill ## When to activate - Adding or modifying agent roles and their instructions (`CLAUDE.m
3SKILL.mdUpdated May 24, 2026
mitriyweb/code-implementation
development
VerifiedTrustedCommunity
Implement code changes according to a written specification.
3SKILL.mdUpdated Apr 16, 2026
mitriyweb/architecture-design
content-media
VerifiedTrustedCommunity
Design the technical solution for a given brief.
3SKILL.mdUpdated Apr 15, 2026