skills.rest
soilSpoon
soilSpoonCOMMUNITY
Explore all skills by this author →
Website𝕏@mlz37GitHub

toss-frontend-fundamentals

Review React/TypeScript code with lane-based Toss platform guidance.

Updated Mar 26, 2026
Search Tags:#a11y#frontend#review#design-tokens#lane#platform-philosophy
One-click install
npx skills add https://github.com/soilSpoon/skills --skill toss-frontend-fundamentals
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: toss-frontend-fundamentals
Source: https://github.com/soilSpoon/skills/tree/main/skills/toss-frontend-fundamentals
Command: npx skills add https://github.com/soilSpoon/skills --skill toss-frontend-fundamentals

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Toss Frontend Fundamentals provides a structured, lane-based framework for code reviews and frontend development that aligns with Toss platform principles, helping teams consistently assess readability, predictability, cohesion, accessibility, and platform mindset across React/TypeScript projects.

Core Features & Use Cases

  • Lane-based review workflow (L1 readability, L2 cohesion, L3 a11y, L4 runtime patterns, L5 recipes) with curated references.
  • On-demand references from references/ and platform philosophy to guide design decisions.
  • Cross-cutting guidance including design tokens, architecture philosophy, and code-quality recipes for practical reviews.
  • Scalable review process for PRs, live-coding tasks, and recruitment exercises that emulates real-world code reviews.
  • Quick-start workflows that load only necessary references and generate structured feedback per lane.

Quick Start

Review a diff by loading only the required lane references and generate lane-specific findings in parallel.

Frequently Asked Questions about toss-frontend-fundamentals

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I structure a React code review for readability and accessibility?▼

Structure React code reviews using a lane-based workflow covering L1 readability, L2 cohesion, L3 a11y, L4 runtime patterns, and L5 recipes. This framework helps consistently assess code quality and platform mindset across React and TypeScript projects.

What is a lane-based frontend review workflow?▼

A lane-based frontend review workflow evaluates code across sequential lanes: L1 readability, L2 cohesion, L3 accessibility, L4 runtime patterns, and L5 recipes. Each lane loads curated references to generate structured, parallel feedback for pull requests and live-coding tasks.

How do I apply design tokens in a TypeScript code review?▼

Apply design tokens in a TypeScript code review by checking cross-cutting platform principles and architecture philosophy. The review process uses curated references to guide design decisions and ensure scalable, predictable code quality across the project.

Can I use this frontend review framework for recruitment live-coding exercises?▼

Yes, you can use this frontend review framework for recruitment live-coding exercises. It provides a scalable review process that emulates real-world code reviews, generating lane-specific findings to assess candidates' adherence to platform principles.

What's the best way to review React accessibility patterns in pull requests?▼

Review React accessibility patterns in pull requests by loading the L3 a11y lane references. This generates structured feedback specifically targeting accessibility compliance, ensuring readable and scalable code aligned with platform philosophy.

How do I enforce platform philosophy during a TypeScript pull request review?▼

Enforce platform philosophy during a TypeScript pull request review by applying cross-cutting guidance and curated references. This ensures code assessments consistently evaluate predictability, cohesion, and platform mindset across the development workflow.

Related Skills

Explore More Software Engineering Skills→
jidohyunjidohyun
17

frontend-code-review

Review React/Next.js files and git diffs for code quality issues.

Community
Intermediate
HigorAlvesHigorAlves
4

inline-review

Convert structured JSON review findings into inline GitHub Pull Request comments.

Community
Intermediate
cacr92cacr92
4

macos-agent-development

Develop macOS Platform Agents with Swift and the Accessibility API.

Community
Advanced
alxayoalxayo
17

eslint-security-scan

Scan JavaScript/TypeScript projects for security vulnerabilities using ESLint plugins.

Community
Advanced