| name | discover-frontend |
| description | Self-contained router for bundled frontend skills. Use when working with frontend web or mobile UI tasks and choose the appropriate skill under skill-library/frontend without relying on external skill roots. |
Discover Frontend
Self-contained frontend skill router for the bundled bx-dev public skill library.
Use this skill when a task involves React, Next.js, UI components, layouts, themes, Tailwind, accessibility, animation, frontend data fetching, Vercel frontend patterns, Remotion, React Native, or general web design quality.
Bundled Routing Source
From the repository root:
- Read
skill-library/INDEX.md for the grouped library overview.
- Choose from the existing bundled frontend skills listed below.
- Load the chosen entrypoint at
skill-library/frontend/<skill-name>/SKILL.md.
Do not reference external skill roots or non-bundled frontend files. This public package is intended to work from the repository checkout alone.
Existing Bundled Frontend Skills
skill-library/frontend/accessibility-design/SKILL.mdskill-library/frontend/discover-frontend/SKILL.mdskill-library/frontend/frontend-design/SKILL.mdskill-library/frontend/native-data-fetching/SKILL.mdskill-library/frontend/react-view-transitions/SKILL.mdskill-library/frontend/remotion-best-practices/SKILL.mdskill-library/frontend/tailwind-design-system/SKILL.mdskill-library/frontend/theme-factory/SKILL.mdskill-library/frontend/ui-ux-pro-max/SKILL.mdskill-library/frontend/vercel-composition-patterns/SKILL.mdskill-library/frontend/vercel-react-best-practices/SKILL.mdskill-library/frontend/vercel-react-native-skills/SKILL.mdskill-library/frontend/web-design-guidelines/SKILL.md
Routing Guide
| Need | Use |
|---|
| Accessibility audits, keyboard support, ARIA, contrast | accessibility-design |
| High-quality web UI design and implementation | frontend-design |
| Frontend data fetching strategy | native-data-fetching |
| React View Transitions API usage | react-view-transitions |
| Remotion video composition | remotion-best-practices |
| Tailwind tokens, themes, and design systems | tailwind-design-system |
| Theme generation and color modes | theme-factory |
| UI/UX pattern, palette, typography, and stack guidance | ui-ux-pro-max |
| Component composition patterns | vercel-composition-patterns |
| React application best practices | vercel-react-best-practices |
| React Native frontend work | vercel-react-native-skills |
| General web design guidelines | web-design-guidelines |
Workflow
- Identify the frontend problem area from the user request.
- Pick the most specific bundled skill from the routing guide.
- Read only that skill's
SKILL.md, plus skill-library/INDEX.md if you need the category overview.
- Apply the selected skill's instructions using the current repository and runtime evidence.
- Verify the resulting frontend work with the appropriate local check, such as tests, build, lint, browser smoke, screenshots, or accessibility checks.
