TacoSkill LABTacoSkill LAB

The full-lifecycle AI skills platform.

Product

  • SkillHub
  • Playground
  • Skill Create
  • SkillKit

Resources

  • Privacy
  • Terms
  • About

Platforms

  • Claude Code
  • Cursor
  • Codex CLI
  • Gemini CLI
  • OpenCode

© 2026 TacoSkill LAB. All rights reserved.

TacoSkill LAB
TacoSkill LAB
HomeSkillHubCreatePlaygroundSkillKit
  1. Home
  2. /
  3. SkillHub
  4. /
  5. rendering-conditional-render
Improve

rendering-conditional-render

4.9

by majiayu000

98Favorites
129Upvotes
0Downvotes

Use explicit ternary operators instead of && for conditional rendering. Apply when rendering values that could be 0, NaN, or other falsy values that might render unexpectedly.

conditional-rendering

4.9

Rating

0

Installs

Frontend Development

Category

Quick Review

This skill addresses a specific React rendering pitfall with clear before/after examples. The description adequately conveys when to apply the skill (falsy values like 0, NaN), and the examples provide sufficient task knowledge for implementation. Structure is clean and appropriate for a focused skill. However, novelty is limited: this is a well-known React pattern that a CLI agent could handle with minimal prompting. The skill would be more valuable if it included automated detection patterns, AST transformation scripts, or broader conditional rendering scenarios (e.g., handling arrays, strings, undefined). As-is, it's a useful reference but doesn't significantly reduce token cost or complexity for an AI agent.

LLM Signals

Description coverage7
Task knowledge8
Structure7
Novelty3

GitHub Signals

49
7
1
1
Last commit 0 days ago

Publisher

majiayu000

majiayu000

Skill Author

Related Skills

swift-expertangular-architectvue-expert

Loading SKILL.md…

Try onlineView on GitHub

Publisher

majiayu000 avatar
majiayu000

Skill Author

Related Skills

swift-expert

Jeffallan

4.6

angular-architect

Jeffallan

6.4

vue-expert

Jeffallan

6.4

vue-expert-js

Jeffallan

5.8
Try online