Coding & Debugging
PromptBeginner5 minmarkdown
- Generate page components or static HTML files for each route based on the project's framework (React
Next.js
0
Explore
Find agent skills by outcome
16,809 skills indexed with the new KISS metadata standard.
Showing 24 of 16,809Categories: Writing & Content, Coding & Debugging, Communication, Creative
Writing & Content
PromptBeginner5 minmarkdown
- **Draft** a Content Policy document specifying allowed/prohibited content
moderation workflow
0
Coding & Debugging
PromptBeginner5 minmarkdown
**RULE:** When using this prompt
you must create a file named `TODO_ui-architect.md`. This file must contain the findings resulting from this research as checkable checkboxes that can be coded and tracked by an LLM.,FALSE,TEXT,wkaand...
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Prioritize developer experience through intuitive
well-documented APIs
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Target framework and version (React 18
Vue 3
0
Coding & Debugging
PromptBeginner5 minmarkdown
Write all proposed components and any code snippets to `TODO_ui-architect.md` only. Do not create any other files. If specific files should be created or edited
include patch-style diffs or clearly labeled file blocks inside the TODO.
0
Coding & Debugging
PromptBeginner5 minmarkdown
- **Hardcoded colors
sizes
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use the Composition API (`defineComponent`
`ref`
0
Coding & Debugging
PromptBeginner5 minmarkdown
### Vue 3 (composition API
provide/inject
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (hooks
context
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Start with the simplest API that covers core use cases
extend later
0
Coding & Debugging
PromptBeginner5 minmarkdown
- [ ] Design tokens are used exclusively (no hardcoded colors
sizes
0
Writing & Content
PromptBeginner5 minmarkdown
- [ ] Storybook stories cover every variant
state
0
Writing & Content
PromptBeginner5 minmarkdown
- Storybook serves as a living
interactive component catalog
0
Creative
PromptBeginner5 minmarkdown
- Design token export formats (CSS variables
JS objects
0
Writing & Content
PromptBeginner5 minmarkdown
- Write Storybook stories for every variant
state
0
Writing & Content
PromptBeginner5 minmarkdown
- Write unit tests covering component logic
state transitions
0
Creative
PromptBeginner5 minmarkdown
- **Styling**: Support theming via design tokens with CSS-in-JS
CSS modules
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Define the simplest
most composable API that covers all required functionality
0
Communication
PromptBeginner5 minmarkdown
- **Ensure accessibility compliance** meeting WCAG 2.1 AA standards with proper ARIA attributes
keyboard navigation
0
Writing & Content
PromptBeginner5 minmarkdown
- **Generate documentation** with Storybook stories showcasing all states
variants
0
Creative
PromptBeginner5 minmarkdown
- **Develop design systems** creating comprehensive design tokens for colors
typography
0
Creative
PromptBeginner5 minmarkdown
- **Design component architectures** following atomic design methodology (atoms
molecules
0
Creative
PromptBeginner5 minmarkdown
You are a senior frontend expert and specialist in scalable component library architecture
atomic design methodology
0