jikime-library-tds-react-native

Provide React Native UI components following the Toss Design System.

5|1|Updated Jan 24, 2026

Search Tags:#frontend #mobile development #ui components #react native #ux #toss design system

Ready to run

npx skills add https://github.com/jikime/jikime-adk --skill jikime-library-tds-react-native

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: jikime-library-tds-react-native
Source: https://github.com/jikime/jikime-adk/tree/main/templates/.claude/skills/jikime-library-tds-react-native
Command: npx skills add https://github.com/jikime/jikime-adk --skill jikime-library-tds-react-native

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of pre-built UI components for React Native, adhering to the Toss Design System (TDS) guidelines, enabling rapid development of consistent and aesthetically pleasing mobile applications.

Core Features & Use Cases

Component Library: Offers a wide range of reusable UI components including inputs, layout elements, navigation, and display components.
Design System Adherence: Ensures UI consistency with the established Toss Design System.
Use Case: Quickly assemble a mobile app screen by using components like TextField for user input, ListRow for displaying items, and Navbar for navigation, all styled according to TDS.

Quick Start

Use the jikime-library-tds-react-native skill to render a basic button with the text 'Submit'.

Frequently Asked Questions about jikime-library-tds-react-native

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

FAQPage Schema

How do I build React Native UI components using the Toss Design System?▼

To build React Native UI with the Toss Design System, use a component library covering foundation elements, input controls, layout structures, navigation patterns, and display components for rapid mobile app development with consistent styling.

What is the best way to ensure UI consistency in React Native mobile applications?▼

Ensuring UI consistency in React Native mobile applications requires using a pre-built component library based on an established design system like TDS, which provides reusable elements for inputs, layouts, and navigation.

Can I use Toss Design System components for React Native mobile development?▼

Yes, you can use Toss Design System components for React Native mobile development. The library provides foundation elements, input controls, layout structures, and navigation patterns specifically designed for building mobile application UIs.

How do I quickly assemble a mobile app screen with React Native UI components?▼

You quickly assemble a mobile app screen by combining reusable React Native UI components like TextField for user input, ListRow for displaying items, and Navbar for navigation, all styled according to the Toss Design System.

Does the Toss Design System React Native library include navigation patterns?▼

Yes, the Toss Design System React Native library includes navigation patterns alongside foundation elements, input controls, layout structures, and display components to facilitate rapid and consistent mobile UI development.