القائمة
FontStock UI guidelines (Paper theme, reusable components, Lucide icons). Trigger: When creating screens, components, or styling UI elements.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Protocol for QA, error verification, and skill evolution to prevent recurring bugs.
Guidelines for Domain-Driven Design and Clean Architecture dependency rules. Trigger: When creating new UseCases, Repositories, or planning module structure.
Guidelines for using Drizzle ORM with SQLite. Trigger: When writing SQL queries, migrations, or modifying schema definitions.
Expo Managed Workflow guidelines. Trigger: When configuring app.json, installing native libraries, or dealing with permissions/plugins.
FontStock Database Schema and Seeding. Trigger: When defining tables, relations, or initial data.
FontStock business logic for inventory (expiry, search indexing). Trigger: When calculating dates, validating product inputs, or implementing search filters.
| name | fontstock-ui |
| description | FontStock UI guidelines (Paper theme, reusable components, Lucide icons). Trigger: When creating screens, components, or styling UI elements. |
| license | Apache-2.0 |
| metadata | {"author":"fontstock-arch","version":"1.0","scope":["ui"],"auto_invoke":["Creating/modifying UI Components","Styling a component","Adding an Icon"]} |
| allowed-tools | Read, Edit, Write, Glob, Grep, Bash, WebFetch, WebSearch, Task |
react-native-paper for all core components.src/presentation/theme/ definitions.lucide-react-native for all icons.useTheme hook to access colors.const theme = useTheme();
<Text style={{ color: theme.colors.primary }}>Hello</Text>
Button, Card, TextInput) over raw React Native ones unless customizing heavily.src/presentation/components/ui/.lucide-react-native.size={24} unless specified.import { Box } from 'lucide-react-native';
<Box color={theme.colors.onSurface} size={24} />
displayLarge, headlineMedium, bodyMedium, labelSmall.